.gallery-3-up {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--spacing-xl);
}

.gallery-3-up-image {
    grid-column: span 1;
}

.gallery-3-up-image img {
    width: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .gallery-3-up {
        row-gap: var(--spacing-md);
    }
    .gallery-3-up-image {
        grid-column: 1 / -1;
    }
}