.genre-card {
  isolation: isolate;
  color: #fff;
  background-color: #1d2c43;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.genre-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 18, 32, .78) 0%, rgba(10, 18, 32, .22) 70%, rgba(10, 18, 32, .06) 100%);
}

.genre-card::after { display: none; }
.genre-card > span,
.genre-card > strong,
.genre-card > small,
.genre-card > b { z-index: 1; }
.genre-card small { color: rgba(255, 255, 255, .82); }

.genre-card.action { background-image: url("assets/genre-action.png"); }
.genre-card.fantasy { background-image: url("assets/genre-fantasy.png"); }
.genre-card.romance { background-image: url("assets/genre-romance.png"); }
.genre-card.daily { background-image: url("assets/genre-daily.png"); }
.genre-card.thriller { background-image: url("assets/genre-thriller.png"); }
.genre-card.history { background-image: url("assets/genre-history.png"); }