Formatting thumbnail image in "single column blog"

Site URL: https://www.catherineljackson.com/blog

Hi!

I was wondering if there is a way to adjust the way the pictures are formatted in the "single column" blog style. Right now, I am using the "side by side" layout because the pictures are ginormous in the single column blog. Ideally, I'd like the posts to be structured with the title on top, then the photo, then the post excerpt, all in one column. Is this possible?

Thank you!

difficultttttt

add to Home > Design > Custom CSS

/* image */
.blog-side-by-side .blog-image-wrapper {
    margin-right: 0;
    width: 100%;
}
.blog-side-by-side .blog-image-wrapper img {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
}
/* text */
.blog-side-by-side .blog-item-summary {
    width: 100% !important;
}
.blog-side-by-side .blog-item {
    flex-direction: column;
}