#images {
    max-width: 100%;

    img {
        width: 100%;
        margin-bottom: 0.1em;
    }

    .one-column {
        max-width: 100%;

        img {
            max-width: 100%;
        }
    }

    .two-column > a:last-of-type > img {
        float: right;
    }

    .two-column img {
        max-width: 49.7%;
    }
}

@media (max-width: 45em) {
    /* Not enough space for two columns on a small screen */
    #images .two-column img {
        float: none;
        max-width: 100%;
    }
}

.image-link {
    text-decoration: none;
}