How do I edit Header Component on Mobile so that it does not affect Desktop?

Hey all. Spinning my wheels about this.

Trying to resize logo within a component on mobile and mobile only. I want to make the logo a little smaller on mobile. The logo is contained within the header, which is a component.

Any changes I make on the mobile logo impacts the desktop logo. Adding a combo class doesn’t seem to help because it just adds the combo class to desktop, too. I don’t know what the proper workflow is here. Any help appreciated.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)