.episode_card {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px;
  border: 1px solid white;
  border-radius: 4px;
  box-shadow: 0 2px 24px white;
  color: white;
  text-decoration: none;

  .episode_image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 4px;
    border: 4px solid white;
  }
}
:hover.episode_card {
  box-shadow: 0 2px 4px white;
  filter: brightness(1.3); 
  transition: box-shadow 1.3s ease-in-out, filter 1.3s ease-in-out;
}

.episode_image--show {
  width: 50%;
  margin-inline: auto;
  border: 4px solid white;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}