Stats preview card component with flexbox

Hey Melina, you did a really good job building the preview card. For your question, my advice would be to use the background-blend-mode CSS property. You wouldn't need to have a div for the color as you can use the property for the imagen div. If you have used the blend modes in Photoshop then you should be familiar with them in CSS. Under the CSS for your image class, you can use something like

.imagen {
background-blend-mode: multiply;
}

I recommend experimenting with blend mode in developer mode. If you edit the opacity of the background color then I would recommend using RGBA values like

.imagen {
background-color: hsl(277deg 64% 61% / 75%);
}

or

background-color: rgb(170 92 219 / 75%);

Amazing!

There are a couple ways to do that. The easiest, I think, is to add a background color and opacity for the image.

I had the same issue, didn't know which color to put on it?