/* Custom styles for blog images */

/* Center images with the center class */
figure.center {
    text-align: center;
    margin: 2rem auto;
    display: block;
}

figure.center img {
    margin: 0 auto;
    display: block;
}

/* Ensure responsive images on mobile */
figure img {
    max-width: 100%;
    height: auto;
}

/* Add some spacing around figures */
figure {
    margin: 1.5rem 0;
}

/* Center figure captions */
figure.center figcaption {
    text-align: center;
    margin-top: 0.5rem;
}