.hero-photo {
  width: 68%;
  background-image: url('hero-reuni-ck7.webp');
  background-size: cover;
  background-position: center;
}

@media (min-width: 1500px) {
  .hero-photo { width: 66%; }
}

@media (max-width: 1080px) {
  .hero-photo {
    width: 74%;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 720px) {
  .hero-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 1622 / 970;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 420px) {
  .hero-photo { height: auto; }
}