How to add fullwidth header image on Blog page

[Frank]

Frank

October 17, 2017 at 4:59 pm

I have added a header image to the blog page using the following Custom CSS:

.blog .page-header {
background-image: url( ‘/wp-content/uploads/2016/05/banner-news.jpg’);
display: block;
height: 450px;
width: 100%;
margin-top: -15px;
background-position: 50% 25%;
background-size: cover;
text-indent: 2000px;
}

@media (max-width: 768px) {
.blog .page-header {
height: 100px;
background-size: cover;
}
}

Here is how the blog page displays the header:
*Login to see link

I need to match the fullwidth headers as shown on the other pages in this site. Here is a sample page:
*Login to see link

Could you please provide the code to achieve this?

Thanks!