Replace section header blocks with svg image

Hi everyone!

I have been trying so hard to figure this out on my own, but I think it’s time I ask for some help!

I am using a custom theme that I purchased online. The first section on my homepage is the “image with text” section from this theme. Something I would like to be able to do is have an svg image that i’ve created be displayed in place of where the heading text block is located in this section. This is something I’d like to be able to do in other sections eventually as well.

(On my site, you’ll see that I filled the heading text block with the placeholder text “[HEADING]” for easy location reference!)

I had almost gotten this to work once by hard coding the svg file to serve as the background image for the heading text block in this section, but this method would only allow the image to appear when there was also text value occupying that block which couldn’t work for me as then there’d be text covering the svg image.

I hope this made sense, I’ll be happy to clarify if there’s any more useful information I might be able to provide to aid in creating a solution.

Site URL: https://yntjx6c6g1vq0dli-57965346976.shopifypreview.com

Thanks so much!