.video-outer-container {
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media screen and (max-width: 1080px) {
  .video-outer-container {
    padding-left: 8rem;
    padding-right: 8rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .video-outer-container {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 480px) {
  .video-outer-container {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

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

.video-inner-container::after {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.video-inner-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}