.bannieres-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-column-align: center;
    justify-items: center;
    gap: 1rem;
    margin-bottom: 2.25rem
}

@media (min-width: 768px) {
    .bannieres-container {
        -ms-grid-columns:(minmax(150px, 1fr)) [ auto-fit ];
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))
    }
}

.bannieres-container img {
    width: 100%;
    height: auto
}

.bannieres-container a > img {
    transition: box-shadow .3s
}

.bannieres-container a > img:hover {
    box-shadow: 0 7px 7px 2px rgba(0, 0, 0, .2)
}