Different image ratio in desktop view and phone view

Hello!

I just started creating a new page and I was wondering if I can do something with this issue I have.

I want the top of the page to be a design made by me, so I used my photo as a background. In the desktop configuration it fits perfect, but when it comes to the mobile, you can see it doesn't work. There is a way to fix this? When I try to fix the photo in the mobile section, it also changes the Desktop view.

Thanks!

Hi @knowledgeonline, since you've designed this image specifically for desktop, there's not much you can do to make this look good on mobile, it'll either be very cropped or so small it's illegible. If you designed a mobile-specific banner you could try this technique:

https://insidethesquare.co/squarespace-tutorials/mobile-background

But generally speaking it best to put the text in as text so it's responsive and useful for SEO.