.my-acf-gallery {
    display: grid;
    gap: 10px;
    margin-bottom: 20px;
}

.my-acf-gallery.masonry {
    display: flex;
    flex-wrap: wrap;
}

.gallery-item {
    position: relative;
}

.my-acf-gallery .gallery-item {
    flex: 1 0 calc(33.33% - 10px); /* Ajuster en fonction du nombre de colonnes */
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 980px) {
    .my-acf-gallery {
        grid-template-columns: repeat(1, 1fr); /* Valeur par défaut pour 1 colonne sur mobile */
    }
    .my-acf-gallery.masonry .gallery-item {
        flex-basis: calc(100% - 10px); /* Valeur par défaut pour 1 colonne sur mobile */
    }
}