/* ===================================
   Activities page — image wrappers
   =================================== */

/* Constrain activity images to a consistent 4:3 ratio. Portrait uploads
   still need a frame that matches their aspect or object-fit: cover will
   crop them (e.g. the Rory Gallagher statue photo is 3:4). */
.activity-img {
  aspect-ratio: 4 / 3;
}

/* Match rory-gallagher.jpg (1944×2592) so the full statue and plinth fit
   without top/bottom crop from cover-fit inside a landscape box. */
.activity-img--portrait-statue {
  aspect-ratio: 3 / 4;
}

/* picture has display:contents in reset.css, so the img is the box-generating
   child. Fill the constrained wrapper and cover-crop to the focal point. */
.activity-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}