/* Custom styles for your blog go here */

/* centered image; set width per image with style="--w: 60%" */
.figure {
    display: block;
    margin: 1.5em auto;
    width: var(--w, 50%);
    max-width: 100%;
}

.figure img {
    display: block;
    width: 100%;
}

.figure figcaption {
    text-align: center;
    margin-top: 0.5em;
}

@media (max-width: 700px) {
    .figure {
        width: 90%;
    }
}