stats-preview-card-component using react, sass and CSS grid

If you have the time kindly look at the project structure and let me know what you think.

I tried using react for this project, but unlike simply running npx create-react app, I went the route of adding react to an existing project. I think I did well, BUT I do not think the project directory structures and component structures was optimal. AGAIN if you have the time please and kindly let me know. I would really appreciate it.

NOW I USED CSS GRID for this project. How do you get an image of arbitrary(any size) size to fit completely without stretching/cropping into a container(div) that has its width and height sent using relative units like %, also how would you do this for one with absolute units like px. Using width: 100% and height:100% on the image seems to cause stretching, setting just one seems to cause extra space/cropping/overflow in the other direction.