Floating Logo in Shapely header section

Hi All,

I’d like to add a logo with transparency to the first section on the shapely template. This is so it correctly centres for different screen sizes and mobile. The website is at http://www.solentairwatch.co.uk/

The only way I found to do this is to add the following to the title property.
<img src="http://www.solentairwatch.co.uk/images/logoGreyBig.gif" alt="Solent Air Watch" />

The problem with this is that even with !important, the height and width settings get overridden by the theme. It only displays correctly when the customisation menu is open. When it is closed the image goes back to being the full height or width of the section.

Can someone recommend a better way?

Hello there,

I hope you are doing well today.

Could you please add an image of how it should be displaying?

Best Regards,