stats-preview-card

For the color of the image , wrap the img in a section tag and give it a class for the styling. <section class="info-image"><img></section> . In the css give .info-image a background-color of soft violet and give the img a width of 100% and height of 100%, object-fit: cover, mix-blend-mode: multiply and opacity: 0.8.

.info-image{
background-color: hsl();
}
img{
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply;
opacity: 0.8;
}

Hope am helpful.

Well done for completing this challenge. HAPPY CODING

Your solution is not responsive, it only works for desktop view.

That's something you could try taking a look.

For the filter color you can achieve that by using mix-blend-mode and filter properties.

Here is mine if you want to take a look how I did it.

https://www.frontendmentor.io/solutions/stats-preview-card-component-oQVd_D43Nt