/* Quadrat-Box ist das <a> (Lightbox-Link) */
  .square-img > a{
    display: block;
    width: 500px;        /* Zielgröße */
    max-width: 100%;     /* falls der Container schmaler ist */
    aspect-ratio: 1 / 1; /* macht es quadratisch */
    overflow: hidden;
    position: relative;
  }

  /* Bild füllt die Box und wird sauber zugeschnitten */
  .square-img > a > img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
  }
  
/* Nur Mobile (Tablet/Desktop unberührt) */
@media (max-width: 767px){

  .square-img-mobile > a{
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
  }

  .square-img-mobile > a > img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
  }
}