/* Keep the existing Flatsome image behind the video until a frame is decoded. */
.jj-compatible-banner .banner-bg > video.jj-compatible-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0;
}
.jj-compatible-banner .banner-bg > video.jj-compatible-bg.jj-frame-ready { opacity: 1; }
.jj-compatible-banner .banner-bg > video.jj-frame-ready ~ .bg { opacity: 0; }
.jj-compatible-banner .banner-bg .overlay { z-index: 1; }