Between Header and main image on page

....time to give something back (I hope.....) for all the help I've had. A number of people have commented that their main image gets 'cut off' at the top under the header. Adjusting padding (via settings and via html) doesn't always resolve the issue. I had this a while ago and found this works (you need Code Editor):

1) open a block (any old text block will do) and place above image below header2) delete all the html and css coding for this block3) insert the following in html: