How to create this Layered effect in CSS

I’m still not sure I understand completely.

There is the original image

Over which you have a purple overlay, and the child h2 has the text “7” to which you have given some opacity

You want the white from the original image and the purple from the overlay to show through the “7” ??