stat preview card solution using HTML and CSS

What are you most proud of, and what would you do differently next time?

I am most proud of creating a color overlay over the card image to give it a different color.

What challenges did you encounter, and how did you overcome them?

After I had created the overlay, I noticed a line space underneath the uploaded image, and it was difficult to understand why this had happened or where the issue was coming from. However, using the Chrome developer tool, I was able to discover it was the default padding and margin from the::after pseudo-element. As soon as I removed them, the image lapped properly.

What specific areas of your project would you like help with?

i have nothing in particular, but please go through my code and tell me smarter ways to get things done with fewer code.