Stats preview card component

👾Hello Sithum, congratulations for your new solution!

Here's some tips to improve your solution:

To make the component mobile version you need to add flex-direction: column-reverse see the media query I did for you:

@media (max-width: 800px) {
.card-container {
    display: flex;
     flex-direction: column-reverse;
}
}

To add the exact same purple overlay effect for the image, use mix-blend-mode . See the code below

img {
mix-blend-mode: multiply;
opacity: 0.8;}

👋 I hope this helps you and happy coding!