.hero-photo {
  height: auto;
  aspect-ratio: 1.35;
  border-radius: 46% 46% 4px 46%;
  background: #ead7c4;
}

.hero-photo img {
  object-fit: contain;
  object-position: center;
}

.real-photo {
  background: #ead7c4;
}

.real-photo img {
  object-fit: contain;
  object-position: center;
}

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