.about-section {
    height: clamp(300px, 80dvh, 180dvh);
    align-items: center;
    display: flex;
    background-color: var(--dark-bg1-color) !important;
}

/* Планшеты и небольшие экраны */
@media (max-width: 1200px) {
    .about-section {
        height: clamp(300px, 120dvh, 180dvh);
    }
}

/* Мобильные телефоны */
@media (max-width: 800px) {
    .about-section {
        height: clamp(300px, 150dvh, 180dvh);
    }
}

/* Ограничение для низких экранов (если высота экрана маленькая) */
@media (max-height: 750px) {
    .about-section {
        height: clamp(300px, 180dvh, 200dvh);
    }
}