video-aspect.sass

.fullscreen-bg
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;


  &__video
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    @media (min-aspect-ratio: 16/9)
      width: 100%;
      //height: auto;
      height: 300%;
      top: -100%;

    @media (max-aspect-ratio: 16/9)
      //width: auto;
      height: 100%;
      width: 300%;
      left: -100%;

// video banner
.video__banner
  position: fixed
  background-color: rgba(black, .6)
  width: 100%
  height: 100%
  top: 0px
  left: 0px
  display: none
  z-index: 100
  justify-content: center
  align-items: center
  animation: fadein 1s

  .container
    position: relative
    display: block