/*
--------------------------------------
Container
--------------------------------------
*/

.video-container {
    padding-top: calc(45px + (90 - 45) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
}

/*
--------------------------------------
Item
--------------------------------------
*/

.video-container video {
    width: 650px;
    height: calc(350px + (820 - 420) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 25px;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.video-container::before {
    content: "";
    width: 600px;
    height: 600px;
    position: absolute;
    bottom: 150px;
    right: 150px;
    transform: translate(50%, 50%);
    background: rgb(109, 150, 255);
    background: radial-gradient(
        circle,
        rgba(109, 150, 255, 1) 0%,
        rgba(189, 205, 244, 0) 65%
    );
    border-radius: 100%;
}

@media (max-width: 1200px) {
    .video-container::before {
        width: 300px;
        height: 300px;
        bottom: 100px;
        right: 65px;
    }
}

@media (max-width: 764px) {
    .video-container::before {
        display: none;
    }
}