Can HTML and CSS only create an overlay which ignores transparent area on an image automatically?

For example, it has an image with a transparent background:

And I would like to add an gray overlay (for example, a div, or canvas...) on it:

But I want the overlay ignores transparent area on an image automatically:

Can pure HTML and CSS (for example, by div, canvas...) do this?