Responsive Stats preview card component using CSS Grid/Flex

This project was very fun, although the hardest part for this challenge was the purple overlay. After some research and asking around in the Slack community, I decided to go with 'mix-blend-mode' on a pseudo element. It worked perfectly although I did have trouble with the background-color on my pseudo element constantly wanting to go past the image's width, I found putting a 'min-width: 100%' on the image stopped that from happening but I would like any suggestions on how I could have done it better as I feel it felt like a band-aid solution.

Overall feedback and/or suggestions of code changes would be greatly appreciated for me to take into my next projects. :)