Stats preview card component using Flexbox (Responsive)

While making this I was thinking of : What would be the better approach to create the effect on image in the card component ?

• By adding a div for overlay on image to add the filter effect. or
• The mix-blend-mode to the image wrapper which I've used in this project.

I've used flex-wrap: wrap-reverse for swapping the image & the text content in the card. I thought of using flex-direction: row-reverse also. Is this OK to do ? Or I should use anything else ?

Suggest me some good practices.