/* Responsive Hero media selection */

.hero-art.hero-art-image > .hero-main-picture {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.hero-art.hero-art-image .hero-main-picture > .hero-main-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 800px) {
  .hero-art.hero-art-image > .hero-main-picture {
    width: 100%;
    height: 100%;
  }
}