/*
 * ImageGallery — responsive grid of lightbox thumbnails
 * (templates/components/ImageGallery.html.twig).
 *
 * BEM: .image-gallery, .image-gallery__item, .image-gallery__trigger,
 * .image-gallery__image
 *
 * Override height: --image-gallery-height on .image-gallery or a parent.
 */

 .image-gallery {
    object-position:center;
    
    .image-gallery__item img {
       min-height:250px;
    }
    
   &.style-small .image-gallery__item img {
       max-height:250px;
       width:auto;
       margin:0 auto;   
   }
   &.style-medium .image-gallery__item img {
        height: 350px;
        width:auto;
        margin:0 auto;
    }
}

.image-gallery__item {
   margin-bottom: var(--space-block);
}

.image-gallery__trigger {
   height: 100%;
}

.image-gallery__image {
   display: block;
   width: 100%;
   object-fit: cover;
   object-position: center;
}

@media (width < 992px) {
   .image-gallery__image {
       max-height: var(--image-gallery-height, 200px);
   }
}