.hero-visual {
  background-image: none !important;
}

.hero-image {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.hero-visual[data-image-position="top"] .hero-image { object-position: center top; }
.hero-visual[data-image-position="bottom"] .hero-image { object-position: center bottom; }
.hero-visual[data-image-position="left"] .hero-image { object-position: left center; }
.hero-visual[data-image-position="right"] .hero-image { object-position: right center; }

.hero-visual::after { z-index: 1; }
.hero-visual .hero-seal { z-index: 2; }