.video-parallax-container video {
  top:50%;
  left:50%;
  min-width:100vw;
  min-height:100%;
  width:auto;
  height:auto;
  z-index:-100;
  transform:translateX(-50%) translateY(-50%);
  background-size:cover;
  transition:1s opacity;
  -webkit-transition-position:fixed;
  position:fixed;
  overflow:hidden;
}

.video-parallax-container {
  overflow:hidden;
  height:50vh;
}

@media (min-width: 576px) {
  .video-parallax-container {
    overflow:hidden;
    height:65vh;
  }
}

@media (min-width: 768px) {
  .video-parallax-container {
    overflow:hidden;
    height:500px;
  }
}