Load different logo on mobile

Hi, I’m creating a website for a charity.

If you view the website on desktop (https://walkministries.org.uk/newsite/) the logo is blue on a light grey background.

But when you switch to mobile, the logo moves to a different area, it loads onto a blue background (into menu header). This makes the logo disappear because it’s the same colour as the logo.

Is there a way to upload a separate logo for mobile/responsive, I have a light/white version of the logo, that would be much better?

Thank you!

The page I need help with: [log in to see the link]