.mad-banner-has-video .image-holder {
  position: relative;
}

.mad-banner-has-video .image-holder > .mad-banner-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
}

.mad-banner-has-video .image-holder > .mad-banner-video.is-playing {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .mad-banner-has-video .image-holder > .mad-banner-video {
    display: none;
  }
}

/* One overlay for video cards: readable muted text even on white frames.
   Override Ohio's per-banner background and the generic story-card gradient. */
.mad-banner-has-video .image-holder > .overlay-details {
  background: linear-gradient(180deg,
    rgba(0, 0, 0, 0.84) 0%,
    rgba(0, 0, 0, 0.80) 48%,
    rgba(0, 0, 0, 0.88) 100%) !important;
}