.responsive_background_media {
  --responsive_background_position: var(--responsive_background_desktop_position, center center);
  --responsive_background_transform_origin: center;

  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  overflow: hidden;
  pointer-events: none;
  transform: scale(1);
  transform-origin: var(--responsive_background_transform_origin);
}

.responsive_background_media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--responsive_background_position);
}

@media (max-width: 47.99rem) {
  .responsive_background_media {
    --responsive_background_position: var(--responsive_background_mobile_position, var(--responsive_background_desktop_position, center center));
  }
}