.hero-media-generated img {
  filter: brightness(.72) saturate(.86);
  object-position: center center;
}

.hero-media-generated::after {
  background:
    linear-gradient(90deg, rgba(4, 5, 5, .73) 0%, rgba(4, 5, 5, .38) 38%, rgba(4, 5, 5, .04) 72%),
    linear-gradient(0deg, rgba(4, 5, 5, .48), transparent 48%);
}

@media (max-width: 800px) {
  .hero-media-generated img {
    object-position: 62% center;
  }

  .hero-media-generated::after {
    background:
      linear-gradient(90deg, rgba(4, 5, 5, .65), rgba(4, 5, 5, .12)),
      linear-gradient(0deg, rgba(4, 5, 5, .58), transparent 55%);
  }
}