Logo for mobile vs logo for website

Hi;

I am trying to have a different company logo displayed for mobile than I have on the website because it looks too small on mobile.

I am using CSS

.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
background: url (‘<my logo image full url’) no-repeat;
}

and place this code inside the @media section. However, nothing changes. The logo stays the same on mobile as on the website.

Any suggestions?

Thank you.

Lode

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