.casino-feature,
.drinks-feature,
.bots-feature {
  width: min(100%, 360px);
  min-width: 0;
  justify-self: center;

  aspect-ratio: 1672 / 941;
  min-height: 0;

  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;

  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;

  display: block;
  padding: 22px;
}

.casino-feature {
  background-image: url("/images/Casino.png");
  --text-top: 18px;
  --text-left: 14px;
  --text-width: 290px;
  --accent-color: #ff9a3d;
}

.drinks-feature {
  background-image: url("/images/Drinks.png");
  --text-top: 4px;
  --text-left: 6px;
  --text-width: 290px;
  --accent-color: #d77cff;
}

.bots-feature {
  background-image: url("/images/BattleBots.png");
  --text-top: 4px;
  --text-left: 14px;
  --text-width: 290px;
  --accent-color: #57cfff;
}

.feature-content {
  position: relative;
  z-index: 2;

  top: var(--text-top, 0px);
  left: var(--text-left, 0px);

  max-width: var(--text-width, 260px);
}

.feature-content .feature-number {
  color: var(--accent-color);
  text-shadow: 0 0 10px currentColor;
}

.feature-content h2 {
  color: #fff2b2;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.75);
}

.feature-content p {
  color: #f4f0e8;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}