.vignettes-photos{ display: flex; gap: 60px 70px; list-style: none; padding: 0; margin:0; justify-content: center; flex-wrap: wrap; }
.vignettes-photos li { text-align: center; flex: 1 1; }
.vignettes-photos li div i{ font-size: 3rem; margin-bottom: 2rem; background: #00000014; width: 100px; height: 100px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;}
.vignettes-photos li img { max-width: 100%; max-height: 100%; }
@media (max-width:767px) {
    .vignettes-photos{ flex-direction: column; }
}