/* Custom figure width classes */
figure.half-width {
    width: 50%;
    margin: 2em auto;
    display: block;
}

figure.half-width img {
    width: 100%;
    height: auto;
}

figure.three-quarter-width {
    width: 75%;
    margin: 2em auto;
    display: block;
}

figure.three-quarter-width img {
    width: 100%;
    height: auto;
}

/* Make figures responsive on mobile */
@media screen and (max-width: 768px) {
    figure.half-width,
    figure.three-quarter-width {
        width: 100%;
        margin: 1em 0;
    }
}