/* About introduction spacing: three normal text lines at every viewport. */
html body .kimono-cms-content .about.about-page-shared {
  padding-top: 3lh;
}

/* About-only upload fitting. Keep the existing desktop/tablet frames. */
html body .kimono-cms-content .about.about-page-shared .about-modern-image > img,
html body .kimono-cms-content .about.about-page-shared .about-modern-image:hover > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 0;
  object-fit: fill;
  object-position: center;
  transform: none;
}

/* Reserve the same portrait frame for every new mobile upload. */
@media (max-width: 767px) {
  html body .kimono-cms-content .about.about-page-shared .about-modern-image-main,
  html body .kimono-cms-content .about.about-page-shared .about-modern-image-inset {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
}
