Responsive Landing Page using CSS Flexbox & Vanilla JS

This is the first project I've done where we had to change the colour of images and switch between a desktop and mobile image for different media.

I used filter in my CSS to adjust the colour of the footer logo and menu icon and then the picture tag with source and srcset for keeping the images responsive in the hero and sections.

Are there any better ways of handling these?

Thanks in advance!