/* Центрирование и выравнивание */
.custom-video-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75vh; /* Высота на весь экран */
    background-color: #EDEDED; /* Задний фон для лучшего визуального эффекта */
}

.custom-video-container iframe {
    width: calc(75vh * 16 / 9); /* 75% от высоты экрана с соотношением сторон 16:9 */
    height: 75vh; /* 75% от высоты экрана */
    border-radius: 30px;
    border: none;
    box-shadow: 0 0 15px rgba(0,0,0,0.5); /* Опционально: тень для лучшего эффекта */
}

/* Адаптация для экранов 320px - 480px */
@media (max-width: 480px) {
    .custom-video-container iframe {
        width: calc(40vh * 16 / 9); /* 40% от высоты экрана с соотношением сторон 16:9 */
        height: 40vh; /* 40% от высоты экрана */
    }
}

/* Адаптация для экранов 481px - 980px */
@media (min-width: 481px) and (max-width: 980px) {
    .custom-video-container iframe {
        width: calc(60vh * 16 / 9); /* 60% от высоты экрана с соотношением сторон 16:9 */
        height: 60vh; /* 60% от высоты экрана */
    }
}

/* Адаптация для экранов 981px - 1200px */
@media (min-width: 981px) and (max-width: 1200px) {
    .custom-video-container iframe {
        width: calc(75vh * 16 / 9); /* 75% от высоты экрана с соотношением сторон 16:9 */
        height: 75vh; /* 75% от высоты экрана */
    }
}