.info-images {
    margin-top: 60px
}

.info-images__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr);
    gap: 16px
}

@media (min-width: 576px) {
    .info-images__wrapper {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 760px) {
    .info-images {
        margin-top: 80px
    }

    .info-images__wrapper {
        -ms-grid-columns:(1fr) [ 4 ];
        grid-template-columns:repeat(4, 1fr);
        gap: 40px 16px
    }
}

@media (min-width: 1200px) {
    .info-images__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 16px
    }
}

.info-images__item {
    display: block;
    color: var(--black);
    -webkit-transition: color var(--transition), filter var(--transition);
    transition: color var(--transition), filter var(--transition)
}

.info-images__item:hover {
    /*color: var(--primary)*/
    filter:
        invert(63%)
        sepia(23%)
        saturate(698%)
        hue-rotate(120deg)
        brightness(92%)
        contrast(90%);
}

.info-images__icon {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 52px
}