.section-hero-parallax {
  --nexo-section-height: 100dvh;
  overflow: hidden;
  overflow: clip;
}

.section-hero-parallax .section-parallax-outer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  pointer-events: none;
}

.section-hero-parallax .section-parallax-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.section-hero-parallax .wp-video {
  position: relative;
}

.section-hero-parallax .parallax-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

  z-index: -10;
}

.section-hero-parallax .parallax-image {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: var(--nexo-focus-h, 50%) var(--nexo-focus-v, 50%);
  transform-origin: var(--nexo-focus-h, 50%) var(--nexo-focus-v, 50%);

  z-index: -5;
  pointer-events: none;
}

.section-hero-parallax .parallax-image-top {
  top: 0;
  z-index: 10;
}
.section-hero-parallax .parallax-image-bottom {
  bottom: 0;
}

.section-hero-parallax .section-inner {
  padding-top: 3rem;
  padding-bottom: 3rem;

  display: flex;
  flex-direction: column;
  gap: 1.5rem;

  text-align: center;
}