Is it possible to make color and image overlap with only one background?

Question

css

Here is an example where the block is yellow,
codepen.io/Simon1111/pen/PPQjWE
tried to load a png with transparency, I thought it would block it.

background-color: red:
background-image: url(/...);

I just don't want to create additional divs because the tag will be empty

Answer 1

Something like this?
codepen.io/Mike0609/pen/YyjEyB