.gridWrapper__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

.gridWrapper__cell {
    grid-column: span var(--span-lg, 12);
    grid-row: span var(--row-lg, 1);
}

@media (max-width: 1023px) {
    .gridWrapper__cell {
        grid-column: span var(--span-md, var(--span-lg, 12));
        grid-row: span var(--row-md, var(--row-lg, 1));
    }
}

@media (max-width: 767px) {
    .gridWrapper__cell {
        grid-column: span var(--span-sm, var(--span-md, var(--span-lg, 12)));
        grid-row: span var(--row-sm, var(--row-md, var(--row-lg, 1)));
    }
}