@media (max-width: 1199px) {

    /* smaller screen  */


    video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top left;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vh), 0 100%);
    }


}

@media (min-width: 1200px) {

    /* larger screen */


    video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30vh), 0 100%);
    }

}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}