Can't add banner image to individual blog posts Brine

Site URL: http://czarbomba.com

Hi there, 

I was wondering if someone could help me get banner images on individual blog posts. I just want to use the same banner as there is on all my other pages. Is there some custom code that could remedy this? Any help would be greatly appreciated.

Thanks!

Add to Home > Design > custom CSS. Replace with your image url

.collection-type-blog.view-item header.Header.Header--bottom {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/artboard-1-.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

Thanks for replying! This code worked the image is there but it's kind of cut off and doesn't seem to be responsive like the other pages. Maybe changing the background size could fix this? Would you be able to have a look again and let me know? 

Thanks again for the response!!!