.hero-photo {
  max-height: min(420px, 52vh);
  object-fit: contain;
}

@media (min-width: 768px) {
  .hero-photo {
    max-height: min(560px, 62vh);
  }
}