Adjust Thumbnail Image Dimensions/Size in Blog w/Custom CSS

I'm trying to customize the thumbnail images for each blog post as they appear on the blog page. The aspect ratio of the images I'm using is about 4:1, and I'd like to make the images smaller - 150px width by 38px height. I've tried using the custom css code in other forum posts (linked below), but they haven't worked for me. I'm using a single-column blog and would ideally like to have the thumbnail images resized, then the image appear between the blog title and the preview text.

website: https://www.finestructure.llc/pl-resources

PW: transcend 

Thanks for your help!

Add to Design > Custom CSS

.blog-single-column--wrapper img {
    width: 150px !important;
    height: 38px !important;
    left: 0 !important;
}
.blog-single-column .image-wrapper {
    padding: 20px !important;
    min-height: Unset !important;
}

thanks @tuanphan! when I put that in custom CSS, the images completely disappear. Do you know what could be going on? thanks

On 5/26/2023 at 12:47 AM, lameraguera said:

thanks @tuanphan! when I put that in custom CSS, the images completely disappear. Do you know what could be going on? thanks

Use this new code

.blog-single-column--wrapper img {
    width: 150px !important;
    height: 38px !important;
    left: 0 !important;
    position: static !important;
}

.blog-single-column .image-wrapper {
    padding-top: 30px !important;
    min-height: unset !important
}