.video-container {
    width: 100%;
    position: relative;
    overflow: hidden !important;
}

.video-container video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  overflow: hidden !important;
  z-index: 0;
  
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  

}


.video-container-overlay {
background: linear-gradient(to bottom, rgba(0,0,0,0.1)30%, rgba(0,0,0,0.5) 90%);
text-shadow: 2px 2px 15px rgba(0,0,0,1);
padding: 100px;
}

@media only screen and (max-width: 640px) {
.video-container-overlay {
padding: 20px;
}
}