.video-outer-container {
  padding: 5rem;
  padding-bottom: 0rem;
}

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

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

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

.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%;
}