.hero-image {
  background-image: url("assets/hero-event-v2.png");
}

.hero-overlay {
  background: linear-gradient(
    90deg,
    rgba(8, 31, 25, 0.94) 0%,
    rgba(12, 35, 29, 0.78) 38%,
    rgba(11, 25, 20, 0.12) 72%
  );
}

@media (max-width: 600px) {
  .hero-image {
    background-position: 58% center;
  }
}