How to edit logo and background image for mobile view?

Hi there,

I’m new to coding, having watched a few tutorials and still having no real sense of what’s going on.

I’m using Edition 1.0 as my theme, and I have injected the following code to make my logo larger:

.logo-image { width: 400px; height:200px; }

While my desktop site looks pretty decent, the logo on the mobile view is now compressed and partially hidden.

Is there a way to either resize my logo separately on mobile, while keeping it centered, or increase the header size for the mobile view?

Additionally, is it possible to move/edit my background image only for the mobile view, or do i need to use a separate image for the mobile background?

Thanks in advance!