.over {
    position       : absolute;
    width          : 100%;
    height         : 100%;
    padding        : 50px;
    top            : 0;
    /*------*/
    display        : flex;
    flex-direction : column;
    align-items    : center;
    text-align     : center;
    justify-content: center;
    /*------*/
    z-index    : 10;
    color      : rgb(255, 255, 255);
    font-size  : 4.5 em;
    font-weight: 400;
    overflow   : hidden;
}

.h2 {
    position      : relative;
    font-size     : 1em;
    font-weight   : 400;
    padding-bottom: 20px;
}

#myVideo {
    right              : 0;
    left               : 0;
    width              : 100%;
    height             : 100vh;
    background-position: center center;
    object-fit         : cover;
}

#circle {
    /* transform-origin: center; */
    position        : absolute;
    z-index         : 12;
    bottom          : -100px;
    width           : 800px;
    height          : 800px;
    border-radius   : 50%;
    background-color: beige;
    opacity         : .25;
    filter          : blur(100);

}

@media (min-aspect-ratio: 16/9) {
    #myVideo {
        width : 100%;
        height: auto;
    }
}