.acf-image-grid-block {
display: grid; grid-template-columns: repeat(var(--grid-columns, 3), 1fr);
gap: 0.625rem; }
.acf-image-grid-block .grid-item img {
width: 100%;
height: 100%; aspect-ratio: var(--aspect-ratio, 16/9); object-fit: cover;
display: block; } @media (max-width: 767px) { .acf-image-grid-block {
grid-template-columns: 1fr;
gap: 1em;
} .acf-image-grid-block.keep-cols-mobile {
grid-template-columns: repeat(2, 1fr);
}
}