.imageGrid__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.imageGrid__item {
    cursor: zoom-in;
}

.imageGrid_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
    border-radius: var(--radius-xl);
}

@media (min-width: 568px) {
    .imageGrid__list {
        grid-template-columns: repeat(3, 1fr);
    }

    .imageGrid__item:nth-child(7n + 4),
    .imageGrid__item:nth-child(7n + 7) {
        grid-column: span 2;
        aspect-ratio: 2 / 1;

        & .imageGrid_img {
            aspect-ratio: 2;
        }
    }
}