Stats Preview Card with Flexbox

Areas I had difficulty or would welcome feedback (although I'm open to feedback on anything!):

I tried using the <picture> element for the first time, since two different images were provided for mobile/desktop layouts; I struggled with creating the purple overlay for this.

I tried a mobile-first workflow, but that still feels like going backwards to me (understanding that I'm a complete novice who is learning through desktop techniques first), so my media code could likely use improvement.

I think I could have divided my sections/HTML a bit further, creating like a card-top and card-bottom areas, and then created a div for the underlying text. I discovered this too late while working on the desktop responsiveness secondarily and tried to adjust the text layout.