How do I remove the banner images on these blog pages

Site URL: https://mnfreedomfund.org/

I created a blog for the staff bios on the website which worked out okay but, I would like to either (1) remove the banner images on the blog entries or (2) turn them into a solid blue overlay. (100% opacity, color: 202, 66%, 57%). Template is Bryant.

Ex. https://mnfreedomfund.org/meet-our-team/2021/9/9/mirella-ceja-orozco-co-executive-director

I only want these changes to effect all of the posts in this blog. I don't want to remove the images because it would effect the summary block I have here: 

https://mnfreedomfund.org/meet-the-team

What code should I use? Where should I inject the code since this is a blog? 



 

Add to Design > Custom CSS

/* Remove blog banner */
body.collection-type-blog.view-item .banner-thumbnail-wrapper {
    display: none !important;
}