Editing Theme Header Image

I am using the theme Charcoal2 for my site. https://www.freewordpresstheme.info/2008/07/06/free-wordpress-theme-charcoal-2/

That is a link to the theme. My site is https://www.animestealth.com
I edited the code and made my right column wider by 50 pixels. Although for my h2 headers there is a image preset to be used on the columns. I created a new header h7 image that was 50 pixels longer than the original 170 pixel h2 image.

This is the code used to create the h2 header on my 2nd sidebar originally.
.sidebar2 h2 {
height:37px;
line-height:37px;
font-size:18px;
color:#ACA394;
margin:5px 0 0 0 ;
padding:0px 0 0 10px;
background:url(images/h2.jpg);

}

I then created a new version of that for my h7 header image as

.sidebar2 h7 {
height:37px;
line-height:37px;
font-size:18px;
color:#ACA394;
margin:5px 0 0 0 ;
padding:0px 0 0 10px;
background:url(images/h7.jpg);

}

I then also changed my sidebar2 php file for my sidebars to have the <h7> </h7> code instead of the <h2> code. I uploaded my h7 picture to my server in the appropriate place. Although after i make all the changes and update the site, the image doesn’t work properly. The size is all whacky. Does anyone have any insight on what I need to do other than create the new code that I did, upload the new image, and change the <h7> labels in the .php file?

Basically i want my new h7 header backgrounds on my sidebar categories to extend over the whole width of the sidebar instead of only 170 pixels of it with the original h2 header.