.block-gallery {
    padding-block: var(--space-m);
}

.block-gallery__wrapper {
    text-align: center;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-m);
    margin-top: var(--space-xl);
}

.gallery-grid__image img {
    aspect-ratio: 1 / 1;
    border-radius: var(--space-s);
}

@media only screen and (max-width: 768px) { 

    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }


}