.fullscreen-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
background-color: #000;
}

.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (min-aspect-ratio: 16/9) {

 .fullscreen-bg__video {
 height: 300%;
 top: -100%;
 }

 .bg_video {
 display: flex;
 }

}

@media (max-aspect-ratio: 16/9) {

 .fullscreen-bg__video {
 width: 300%;
 left: -100%;
 }

 .bg_video {
 display: flex;
 }

}

@media (max-width: 767px) {

 .fullscreen-bg__video, .bg_video {
 display: none;
 }

}