Custom CSS for Header background is also changing other heading-type elements

When I enter code to change the heading background for the home page, I am also seeing the Hero text H1 element changing and some of the other H1, H2 elements throughout the home page. I have inspected the page and do not understand why these other elements are affected as their names are close, but not the same as what I am using in the CSS. Please provide exact CSS code to correct the following to change ONLY the heading background: .site-header { background-image:url(http://cec.avatarws.com/wp-content/uploads/2019/03/rpencil-texture3_trendygrey_shop_preview-300x300.png); } Other elements affected are: #feature-slider .container header h2 #primary main article header h1 Site is located at cec.avatarws.com