.video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
.video-container video {
    object-fit: cover; 
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1500px) {
  .video-container {
    height: 75vh;
  }
}
@media screen and (max-width: 1000px) {
  .video-container {
    height: 50vh;
  }
}
@media screen and (max-width: 500px) {
  .video-container {
    height: 40vh;
  }
}