Stats-Preview-Card-Component

When I was testing, I noticed that very quickly the desktop version was wider than the screen. Most of the card was covered until the screen was narrow enough to invoke the mobile design. I freelanced and added an "in between" version that made the desktop design a column instead of a row. I used flex-wrap to achieve this.

1. Is that okay? And did my solution work?
2. How are my BEM naming conventions?
3. I used CSS to add the decorative/hero image. Is this okay? Since the image was decorative, I thought taking it out of the html would not negatively affect accessibility.
4. Other thoughts and insights?