/* Use the supplied artwork as the complete hero banner. */
.hero {
  aspect-ratio: 1672 / 941;
  min-height: 0;
}

.hero-bg {
  height: 100%;
}

.hero-bg img {
  content: url("../../image/hero-desktop.png");
  object-fit: contain;
}

.hero-bg .overlay,
.hero > .container,
.hero::after {
  display: none;
}

@media (max-width: 767px) {
  .hero {
    aspect-ratio: 1024 / 1536;
  }

  .hero-bg img {
    content: url("../../image/hero-mobile.png");
  }
}