Responsive Stats Preview Card Component

👾Hello Davina Leong, congratulations for your new solution!

The font-size for the stats section is too big instead of that try font-size: 24px

Also, you can manage the component image inserting the tag <picture> to wrap both desktop and mobile images together in the same tag, and render each image depending of the device by the settings for the width you'll insert in the html

To add the exact same purple overlay effect for the image, you can usemix-blend-mode. See the code below

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

👋 I hope this helps you and happy coding!