/* About page Customizer images.
   Upload/change both About images in Appearance > Customize > Mezzo About Page Images.
   The template outputs lazy-loaded images with srcset when the selected media is in the Media Library. */
html body .page-image-card.has-customizer-image,
html body .about-image-card.has-customizer-image,
html body .founder-image-card.has-customizer-image,
html body .page-image-card.has-admin-image {
  position: relative !important;
  overflow: hidden !important;
  background-image: none !important;
  background-color: var(--c-bg-soft, #f7f1e7) !important;
}

html body .page-image-card.has-customizer-image::after,
html body .page-image-card.has-admin-image::after {
  z-index: 2 !important;
  pointer-events: none !important;
}

html body .page-image-card.has-customizer-image .about-customizer-image,
html body .page-image-card.has-admin-image .about-admin-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 767px) {
  html body .page-image-card.has-customizer-image,
  html body .about-image-card.has-customizer-image,
  html body .founder-image-card.has-customizer-image {
    min-height: 32rem !important;
    width: 100% !important;
  }
}