.duplex-media {
  position: relative;
  overflow: hidden;
}

.duplex-media img {
  transition: opacity 0.25s ease;
}

.duplex-media-base {
  position: relative;
  z-index: 0;
}

.duplex-media-hover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

.program-card:hover .duplex-media-hover-img,
.program-card:focus-within .duplex-media-hover-img,
.related-term-card:hover .duplex-media-hover-img,
.related-term-card:focus-within .duplex-media-hover-img,
.kalender-event:hover .duplex-media-hover-img,
.kalender-event:focus-visible .duplex-media-hover-img {
  opacity: 1;
}