#portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-flow: dense;
    gap: 0.5rem;

    & > * {
        overflow: hidden;
        border-radius: var(--small-border-radius);
    }

    & img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    & > :nth-child(7n) {
        grid-column: span 2;
        grid-row: span 2;
    }

    & > :nth-child(11n+5) {
        grid-column: span 2;
    }

    & > :nth-child(13n+9) {
        grid-row: span 2;
    }
}