/* About page, photo. Site-owned. The columns are Arche's .about rules in components.css (photo in
   columns 1 to 8, copy in 9 to 12 on desktop; photo full width on tablet and mobile). Arche has no
   image rule, so the photo's own box is set here. The 16 / 9 ratio matches the width and height
   attributes, so nothing moves as the photo loads. */
.about__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}