adjusting background image for header

this is my site here.

is there a way to adjust the teal splash background image for the headers so that it will adjust in accordance to the character length of the header?

for example, if you take the h2 or h3 headers, is there a way to shrink the image so that it is only as wide as the header itself?

put some padding on the top part of the header, that should do the trick

Setting line-height is also a solution.
BTW if you want to the width is adjustable, you should create a repeatable background.