.jgti-gallery {
    .thumbnails {display: grid;grid-template-columns: repeat(4, 1fr);margin: 1rem auto 0;padding: 0;justify-content: center;}
    .thumbnail  {
        width: 128px; height: 128px; overflow: hidden; list-style: none; margin: 0 0.2rem; cursor: pointer;
        &:not(.active) { opacity: 0.6; }
    }
    .thumbnail img { width: 100%; height: auto;	}
}


@media (min-width: 768px) {
    .jgti-gallery .thumbnails { row-gap: 1rem; }
}


@media (min-width: 768px) and (max-width: 1200px) {
    .jgti-gallery .thumbnails { 
        grid-template-columns: repeat(3, 1fr);
        .thumbnail { width: unset; height: unset; }
    }
}


@media (max-width: 768px) {
    .jgti-gallery .thumbnails { display: none; }
    .splide__arrow { font-size:24px; }
}


/* Force square slides */
.splide__slide { aspect-ratio: 1 / 1;  overflow: hidden; }
.splide__slide img { width: 100%; height: 100%; object-fit: contain; display: block; }
.jgti-gallery .thumbnail img { object-fit: cover!important; height: 100%; }






.jgti-loop-image { 
    object-fit: cover;
    aspect-ratio: 1 / 1;
    width: 100%;
}


.jgti-loop-images img:nth-child(2) {
    position: absolute !important;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.jgti-loop-images {
    position: relative;
}

.jgti-loop-images img:nth-child(1) {
    opacity: 1;
    transition: 0.4s;
}

.jgti-loop-images img:nth-child(1):hover {
    opacity: 0;
    transition: 0.3s;
}