light-box {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 20rem;
    gap: 1.5rem;

    &:has(>img:nth-child(1)):not(:has(>img:nth-child(2))) {
        >img {
            grid-column: 1 / -1;
        }
    }

    &:has(>img:nth-child(2)):not(:has(>img:nth-child(3))) {
        >img {
            grid-column: span 2;
        }
    }

    &:has(>img:nth-child(3)):not(:has(>img:nth-child(4))) {
        >img {
            & {
                grid-column: span 2;
            }

            &:first-child {
                grid-column: 1 / -1;
            }
        }
    }

    &:has(>img:nth-child(4)) {
        >img {
            &:first-child {
                grid-column: 1 / -1;
            }

            &:nth-child(3) {
                grid-column: span 2;
            }
        }
    }

    >img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* @media (max-width: 1100px) {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: unset;

        >img {
            grid-column: unset !important;
            aspect-ratio: 1;
        }
    } */
}