* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,body {
    height: 100%;
    width: 100%;
}
.video-wrapper {
    height: 100%;
    /*width: 100%;*/
    width: auto;
    /*padding: 55px 250px;*/
    padding: 0;
    position: relative;
    aspect-ratio: 16 / 9;
    margin: auto;
    
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1440px) and (orientation: landscape) {
    .video-wrapper {
        /*padding: 25px 115px;*/
    }
}

@media only screen and (max-width: 992px) {
    .video-wrapper {
        /*padding: 25px;*/
    }
}

@media only screen and (max-width: 768px) {
    .video-wrapper {
        padding: 15px;
        aspect-ratio: 9 / 16;
    }
}