/* ====================================================================================================================
   GLOBAL VIDEO
==================================================================================================================== */

.video-overlay {
    position: relative;
    top: -400px;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 550px;
    max-height: 550px;
    z-index: 10;
    margin-bottom: -400px;
    cursor: pointer;
}

#video-container iframe,
.play-video--container iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 8px;
}

#video-container iframe,
#video-container .play-video--poster,
.play-video--container iframe,
.play-video--container .play-video--poster {
    aspect-ratio: 16/9;
}

#video-container.aspect--16-12 iframe,
#video-container.aspect--16-12 .play-video--poster,
.play-video--container.aspect--16-12 iframe,
.play-video--container.aspect--16-12 .play-video--poster {
    aspect-ratio: 16/12;
}

#video-container.aspect--16-16 iframe,
#video-container.aspect--16-16 .play-video--poster,
.play-video--container.aspect--16-16 iframe,
.play-video--container.aspect--16-16 .play-video--poster {
    aspect-ratio: 16/16;
}

@media screen and (max-width: 992px) {

    #video-container.aspect--16-12 iframe,
    #video-container.aspect--16-12 .play-video--poster,
    .play-video--container.aspect--16-12 iframe,
    .play-video--container.aspect--16-12 .play-video--poster {
        aspect-ratio: 16/9;
    }

    #video-container.aspect--16-16 iframe,
    #video-container.aspect--16-16 .play-video--poster,
    .play-video--container.aspect--16-16 iframe,
    .play-video--container.aspect--16-16 .play-video--poster {
        aspect-ratio: 16/9;
    }
}