.blog-content figure,
.blog-figure {
    display      : block;
    margin       : 2rem 0;
    /* match your text column */
    width        : 100%;
    max-height   : 80vh;
    text-align   : left;
    overflow     : hidden;
    border-radius: 6px;
}

.blog-content figure img,
.blog-figure img {
    display      : block;
    width        : 100%;
    height       : auto;
    object-fit   : contain;
    border-radius: inherit;
}

.blog-content figcaption,
.blog-figcaption {
    font-size : 0.9rem;
    color     : #777;
    margin-top: 0.5rem;
    text-align: left;
}

/* Ensure inline/content images fill the text column */
.blog-content img {
    display: block;
    width  : 100%;
    height : auto;
}