.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.hero > * {
  position: relative;
  z-index: 2;
}

.hero > .hero__video,
.hero > video {
  position: absolute;
  z-index: 0;
}