.tx-sf-banners > div {
    display: grid;
    grid-gap: var(--g-gap);
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
}

.-sub .tx-sf-banners .banner {
    background: rgb(var(--c-neutral-lightest));
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid rgb(var(--c-neutral-light));
}

@media (min-width: 640px) {
    .tx-sf-banners > div {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1280px) {
    .tx-sf-banners > div {
        grid-template-columns: repeat(6, 1fr);
    }
}