/* Keep the 1024x500 main artwork at its natural ratio. */
.hero-art {
  align-self: center;
  height: auto;
  overflow: visible;
  transform: translateY(-34px);
}

.hero-art > img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 1024 / 500 !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 900px) {
  .hero-art {
    transform: none;
  }
}