.contact-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.contact-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
}

/* Avoid cross-browser typed-arithmetic differences in the legacy wide-screen scale. */
@media (min-width: 1181px) and (min-height: 1130px) {
  body.contact-page .contact-hero {
    height: min(286.84px, 17.876106dvh, calc(19.238095vw - 15.390476px));
  }
}