.about-page-hero {
  margin: 0 0 2rem;
  overflow: hidden;
  border: 1px solid var(--main-border-color);
  border-radius: 0.85rem;
  box-shadow: var(--card-shadow);
}

.about-page-hero img {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;
  margin: 0;
  object-fit: cover;
}

@media (max-width: 576px) {
  .about-page-hero img {
    aspect-ratio: 16 / 10;
  }
}