.realisations-gallery {
    display: grid;
    grid-template-columns: repeat(var(--rg-columns, 3), minmax(0, 1fr));
    gap: var(--rg-gap, 20px);
}

.realisations-gallery__item {
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    cursor: zoom-in;
}

.realisations-gallery__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.realisations-gallery__item:hover .realisations-gallery__image {
    transform: scale(1.05);
}

@media (max-width: 980px) {
    .realisations-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .realisations-gallery {
        grid-template-columns: 1fr;
    }
}