.custom-gallery-container {
    display: flex;
    flex-wrap: wrap;
}

.custom-gallery-item {
    width: calc(16.666% - 20px);
    /* Pour obtenir 6 carrés par ligne avec un espacement entre les carrés */
    margin: 10px;
    text-align: center;
    position: relative;
    display: inline-block;
    overflow: hidden;
    /* Empêcher le débordement des images */
}

.custom-gallery-item a {
    display: block;
}

.custom-bw-version,
.custom-color-version {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    /* Maintient le ratio d'aspect tout en centrant l'image */
    filter: grayscale(100%);
    /* Noir et blanc par défaut */
    transition: filter 0.3s;
    /* Transition du noir et blanc à la couleur */
}

.custom-bw-version:hover {
    filter: grayscale(0%);
    /* Image en couleur au survol */
}

.custom-color-version {
    display: none;
    /* Version couleur cachée par défaut */
}

.custom-gallery-item.clicked .custom-color-version {
    display: block;
    /* Affichage de la version couleur après le clic */
}