/* 14-careers-gallery — mobile careers team-photos slideshow images cropped.
 * Root cause: the theme ships a rule
 *   @media (max-width:767px) .careers-collage .collage__item img { object-fit: cover !important }
 * On mobile the team-photos block becomes a single-slide slideshow whose
 * .collage__item is a fixed 300px landscape band (overflow:hidden). With
 * object-cover the portrait/group photos get cropped (top of Big Ben + people cut
 * off). Production shows the full photo CONTAINED inside its box.
 * Fix: on mobile only, force the slideshow image to scale fully (object-fit:contain)
 * inside the same 300px box so the whole photo is visible, letterboxed. Higher
 * specificity + !important is required to beat the theme's `cover !important`.
 * Only the <img> is touched, so the slideshow layout (track positioning, caption,
 * nav) and the >=768px multi-image collage are unaffected. */
@media (max-width: 767px) {
  .team-photos .careers-collage .collage__item img {
    object-fit: contain !important;
    object-position: center !important;
  }
}