Responsive Card using CSS Flex-box

Hiii!!, you can try to use mix-blend-mode, there is an example here: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_mix-blend-mode-all. the one that comes closest to it is the multiply =). Also, It isn't similar to the color, but it is closest.

"How to overlay a color on an image in a div?"

I personally used linear-gradient() (you can google it how it works it's pretty simple) This is how i did it: background: linear-gradient(rgba(170, 92, 219, 0.5), rgba(170, 92, 219, 0.5)), url("./images/image-header-desktop.jpg");

It might not be fully right with color but i gave it my best shot