/* Images
--------------------------------------------- */

img {
    height    : auto;
    max-width : 100%;
}

figure {
    margin : 1em 0;
}


/* Galleries
--------------------------------------------- */

.gallery {
    margin-bottom : 1.5em;
    display       : grid;
    grid-gap      : 1.5em;
}

.gallery-item {
    display    : inline-block;
    text-align : center;
    width      : 100%;
}

@for $i from 2 through 9 {
    .gallery-columns-#{$i} {
        grid-template-columns : repeat(#{$i}, 1fr);
    }
}

.gallery-caption {
    display : block;
}