.hero-portrait {
  display: block;
  width: min(180px, 72%);
  height: 195px;
  aspect-ratio: 1 / 1.08;
  object-fit: cover;
  object-position: center 20%;
  margin: 0 auto 24px;
  border: 4px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  background: #d7d7d7;
}

@media (max-width: 900px) {
  .hero-portrait {
    width: min(190px, 52%);
    height: 205px;
  }
}