Stats Preview Card

Hi! I think it's additional needs to use some of filler (brightness or something else). You also can use just one tag for img to change source. Something like this: <picture> <source media="(min-width: 1200px)" srcset="images/desktop.svg"> <img class="image" src="images/mobile.svg" width="240" alt="-"> </picture> [More about in MDN] (https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images) but it's a little bit complecated

You can try using the mix-blend-mode css property to get the overlay to more closely match. For your code I would suggest changing the .img-container:after to .img-container:before or removing the pseudo element completely and adding the background color to the img-container class directly (If you choose to add the background color directly to the .img-container you'll also need to remember to add the opacity). Then add mix-blend-mode: multiply; to the mobile-img and desktop-img classes or create a shared class for both the desktop and mobile images and add the declaration to that.