.hero-art .jordanny-photo {
  width: auto;
  height: min(72vh, 720px);
  max-width: 42vw;
  object-fit: contain;
  border: 2px solid rgba(255, 255, 255, 0.22);
  border-radius: 24px;
  box-shadow:
    10px 10px 0 rgba(212, 154, 39, 0.92),
    0 30px 55px rgba(0, 0, 0, 0.58);
}

@media (max-width: 800px) {
  .hero-art .jordanny-photo {
    width: min(86vw, 430px);
    height: auto;
    max-width: none;
    border-radius: 18px;
    box-shadow:
      7px 7px 0 rgba(212, 154, 39, 0.92),
      0 24px 40px rgba(0, 0, 0, 0.55);
  }
}