Stats preview card using Flex/Grid/Media queries

For some reason I struggled with this one a bit, wanted to achieve the result as close as on the provided designs and ended up with some weird fixed values here and there so it might be improved but my my two biggest issues were

1. Changing the black and white picture to be violet - I tried with both 'filter' and 'mix-blend-mode' properties but neither provided me with the result I wanted so I ended up with creating pseudo element on top of the image and gave it some opacity but still the result is not same as on the design - any ideas how to achieve this effect?
2. I used img element and struggled to change the src based on the width - I tried with srcset attribute but it didn't work for some reason so I ended up using content: url() in media queries. I probably should have used some div with background-image instead of a img but anyway - any other suggestions how to switch between different images based on the screen width when using img tag?
3. I've noticed that my solution's screenshot looks super weird :O any idea why?

Any kind of feedback is super appreciated!