body{
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: Roboto, sans-serif;
}

#text{
  position: absolute;
  color: #FFFFFF;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
}

iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
  
@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
       height: 56.25vw;
    }
}

@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
       width: 177.78vh;
    }
}