.fc_colour_grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap:  var(--gap-xl) var(--gap-m);
    text-align: center;
}

.colour-block .image {
    aspect-ratio: 1 / 1;
    margin-bottom: 20px;
}
.fc_colour_grid.grid_4 {
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
    .fc_colour_grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .fc_colour_grid.grid_4,
    .fc_colour_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}