.square-gallery-images {
    display: flex;
    flex-wrap: wrap;
}

.square-gallery-image {
    object-fit: cover;
    /* margin: 5px; */
    aspect-ratio: 1 / 1;
    width: 100%; /* s'assure que l'image remplit le lien */
}

@media (max-width: 576px) {
    .square-gallery-columns a {
        flex: 0 0 calc(50% - 10px); /* Ajustez la marge selon vos besoins */
        margin: 5px;
    }
}

@media (min-width: 576px) {
    .square-gallery-columns a {
        flex: 0 0 calc(33% - 10px); /* Ajustez la marge selon vos besoins */
        margin: 5px;
    }
}

@media (min-width: 992px) {
    .square-gallery-columns a {
        flex: 0 0 calc(16.666% - 10px); /* Ajustez la marge selon vos besoins */
        margin: 5px;
        display: block;
    }
}