How add .png on top of image

Hi,

Can anyone help please? What's the best way to add a .png image with transparency on top of an image? It's an inline image, not in a summary block or carousel. It seems that none of the image options (inline, stack etc) allow an overlay image though.

The png I'm trying to layer on top is a graphic from my client of 2 fancy coloured script fonts with transparent background. I'd rather add it as an overlay than save it direct to the image for responsive purposes.

Can anyone help please?

So far I can only add it if the image underneath is a background to a whole section. It really doesn't warrant being that big.

I've seen a tutorial for this as hover with CSS. But thought there must be a more straightforward way 🙂 Thanks!

I should add that I need the png centred over the image.

Thanks