.real-art-frame {
  width: min(520px, 100%);
  overflow: visible;
  aspect-ratio: auto;
  background: #f4eee7;
}

.hero-artwork-photo {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center;
  border-radius: 12px;
}

.artwork-photo {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center;
  padding: 0;
  background: #f4eee7;
}

.artwork-photo-portrait {
  object-position: center;
}

.art-card {
  align-self: start;
}

.featured-card {
  order: -1;
}

@media (max-width: 620px) {
  .real-art-frame {
    width: min(100%, 390px);
  }
}