.hero {
  --bg-hero-url: url("assets/images/bg-hero-private-events.webp");
}

@media (width >= 1440px) {
  .hero__title {
    justify-content: flex-end;
    padding-right: 110px;
  }
}

@media(max-width: 768px) {
    .hero {
        background-position-x: -450px;
    }
}