.froo-brand-section .froo-brand-blocks__grid {
    display: grid;
    column-gap: var(--grid-gap);
    row-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--mobile-grid), 1fr);
}

@media screen and (min-width: 750px) {
    .froo-brand-section .froo-brand-blocks__grid {
        grid-template-columns: repeat(var(--tablet-grid), 1fr);
    }
}

@media screen and (min-width: 99px) {
    .froo-brand-section .froo-brand-blocks__grid {
        grid-template-columns: repeat(var(--desktop-grid), 1fr);
    }
}

.froo-brand-section .froo-brand-blocks__grid article,
.froo-brand-section .froo-brand-blocks__slider article {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.froo-brand-section .froo-brand-blocks__grid article a,
.froo-brand-section .froo-brand-blocks__slider article a {
    width: 100%;
}

.froo-brand-section .froo-brand-blocks__grid article svg,
.froo-brand-section .froo-brand-blocks__slider article svg {
    width: 100%;
    max-height: 10rem;

    @media screen and (min-width: 750px) {    
        max-height: 13rem;
    }
}

.froo-brand-section .froo-brand-blocks__grid article div img,
.froo-brand-section .froo-brand-blocks__slider article div img {
    width: 100%;
    max-height: 10rem;

    @media screen and (min-width: 750px) {    
        max-height: 13rem;
    }
    object-fit: contain;
}