.scroll-video-wrapper {
      position: relative;
      height: 2400vh; /* enough space to scroll */
  }

  .scroll-scrub-video {
      position: sticky;
      top: 0;
      width: 100%;
      height: auto;
      display: block;
  }

  .video-overlay-text {
      position: sticky;
      top: 30%;
      width: 100%;
      text-align: center;
      font-size: 2rem;
      font-weight: bold;
      color: white;
      opacity: 0;
      transition: opacity 0.4s ease;
      pointer-events: none;
      z-index: 10;
  }

  .video-overlay-text span{
    background: var(--wp--preset--color--secondary);
    padding: .1em 1em .3em;
    font-size: .9em;
}