/* Allow the LightSlider wrapper to size itself */
.tl-slide-photo-container .lSSlideWrapper {
  height: auto !important;
}

/* Main slide: 4:3 landscape, centre-cropped */
.tl-slide-photo-container .lSSlideWrapper .lslide {
  aspect-ratio: 4 / 3;   /* changed from 1 / 1 */
  overflow: hidden;
  position: relative;
}
.tl-slide-photo-container .lSSlideWrapper .lslide img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Desktop: add ~30 % gutters (slider at 40 % width) */
.tl-slide-photo-container .lSSlideOuter {
  width: 40%;
  margin: 0 auto;
}

/* Mobile: full width for small screens */
@media (max-width: 768px) {
  .tl-slide-photo-container .lSSlideOuter {
    width: 100%;
  }
}