.Gallery {
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.Gallery > li {
    list-style: none;
    margin: 1em;
}

@supports (display: grid) {
    .Gallery {
        display: grid;
        grid-gap: 1em;
        grid-template-columns: 1fr;
        padding: 1em;
    }

    .Gallery > li {
        margin: 0;
    }


    /* -------------- */
    /* Breakpoint: MD */
    /* -------------- */

    .C2 > .Gallery {
        grid-template-columns: 1fr 1fr;
    }

    /* -------------- */
    /* Breakpoint: XL */
    /* -------------- */

    .C3 > .Gallery {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .C4 > .Gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}