.about-bg {
    background-image: none;
}

@media (min-width: 1200px) {
    .about-bg {
        background-image: url(/images/about.jpg);
    }
}

.fullscreen-video-loading {
    background-image:url(/images/bg_1.jpg);
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;  
}

.fullscreen-video-background.fullscreen-video-loading .fullscreen-video-foreground {
    opacity: 0;
}

.fullscreen-video {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
  }
  
  .fullscreen-video iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);
  }
  
  @media (min-aspect-ratio: 16/9) {
    .fullscreen-video iframe {
      /* height = 100 * (9 / 16) = 56.25 */
      height: 56.25vw;
    }
  }
  @media (max-aspect-ratio: 16/9) {
    .fullscreen-video iframe {
      /* width = 100 / (9 / 16) = 177.777777 */
      width: 177.78vh;
    }
  }