.vanites-gallery {
--vanite-thumb-size: clamp(10rem, 22vw, 14rem);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 1.25rem;
}

.vanites-gallery > a {
display: grid;
place-items: center;
width: var(--vanite-thumb-size);
height: var(--vanite-thumb-size);
}

.vanites-gallery > a:focus {
outline: none;
}

.vanites-gallery > a:focus-visible {
outline: 2px solid var(--couleur-lien);
outline-offset: 0.35rem;
}

.vanites-gallery img {
width: auto;
height: auto;
max-width: 100%;
max-height: var(--vanite-thumb-size);
object-fit: contain;
}

@media (max-width: 640px) {
.vanites-gallery {
--vanite-thumb-size: min(42vw, 11.5rem);
gap: 1rem;
}
}