.about-media {
  aspect-ratio: 4 / 5;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  background: linear-gradient(180deg, var(--black-elevated), var(--black-soft));
  overflow: hidden;
  transition: none;
}

.about-media--static:hover {
  border-color: var(--border);
  transform: none;
}

.about-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-media__fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: var(--font-display);
  font-size: 6rem;
  color: var(--gold-muted);
  opacity: 0.4;
}