stats-preview-card-component / HTML CSS Flexbox

Hello,

Great work! I have some suggestions that you may find helpful. Instead of using overlay for the image and background color, in CSS You could try setting the background color to the container that the image is in. Then, add the mix-blend mode to your image in CSS and set it to multiply and adjust the opacity. I hope this helps.

example:

.image-container{
background-color: hsl(277, 64%, 61%);
}
img{
mix-blend-mode: multiply;
opacity: 0.75;
}