Stats preview card with vanilla CSS and Javascript

Would love any advice on things I could tweak, or any best practices I should be following. Similar to my other uploads I used Javascript to change the image based on the window screen size to practice with Javascript, rather than using a specific html element to handle the different images based on screen size.

My only question I would really love to get answered is how I could have handled the purple overlay over the main image. In the figma mockup, the black color of the photo comes through so much more and I couldn't recreate that look when using the simple overlay over the image trick. I just turned down the opacity of the overlay. Any answer to this would be much appreciated!