.real-episode {
  min-height: 365px;
  overflow: hidden;
  justify-content: flex-end;
  color: var(--off);
  isolation: isolate;
  background: #202126;
}

.real-episode::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(10, 10, 12, 0.96) 4%, rgba(10, 10, 12, 0.08) 78%);
}

.real-episode img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.real-episode:hover img { transform: scale(1.05); }
.real-episode .play { position: absolute; top: 24px; right: 24px; margin: 0; }
.real-episode .episode-info { position: relative; }
.real-episode .episode-info h3 { max-width: 92%; }

@media (max-width: 860px) {
  .real-episode { min-height: 310px; }
}