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

}
.overlay-sombre .vignettes-icons li div i,
.bg-black .vignettes-icons li div i,
.bg-dark .vignettes-icons li div i{ background:rgba(255, 255, 255, .15) }