Responsive Stats Preview Card Component Using Flexbox

Hello Friends,

I need help:

1. Did I structure my HTML properly? I think for the title and the text I set a set a max-width and wrapped them in a container to center them, don't know if this was a good approach. Also I find it hard sometimes to analyze a design and translate into a HTML structure, this leads to me adding a wrapper or additional div mid-project, how can I overcome this problem?

2. I felt like I used max/min-width and height properties to size the card and the image without properly understanding them, would anyone be able to go over my code and suggest a better approach to this challenge?

3. The image is distorted in the desktop version, any suggestion on how I could fix it?

4. If I could improve on anything else which I haven't mentioned above please let me know.

THANKS IN ADVANCE :)