Stats preview card using mix-blend-mode: multiply to colorize

Since I commented on and tried to help someone on Slack with this challenge, I thought I had better complete it.

Turns out, I didn't know as much as I thought and the image colorization technique required some fine tuning once completed to match the design. Here there was a fine difference between using mix-blend-mode: multiply with a transparent background color vs a solid background color with transparent image. The latter was required to match the design exactly.

In trying this small challenge out with voiceover, I realized the stats were being read in the wrong sequence, with the label for the stat being read AFTER the number. Maybe that's okay, but I tried reversing it in HTML and using flex to reverse the display. Not something I'd normally do, but it makes the screen reader much nicer. Just trying things at this stage without knowing if it's the right thing.