#front-page-video-wrapper {
  margin: 0 0 40px !important;
  height: auto !important;

  .gcom-responsive-video-container {
    height: 100vh;
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    z-index: 5;

    iframe,
    img {
      height: 100vh !important;
      left: 50% !important;
      position: absolute !important;
      top: 50% !important;
      transform: translate(-50%, -50%) !important;
      width: 100vw !important;

      @media (max-aspect-ratio: 16 / 9) {
        width: 177.78vh !important;
      }

      @media (min-aspect-ratio: 16 / 9) {
        height: 56.25vw !important;
      }
    }
  }
}