Custom background image is too zoomed in?

Store Design
1

the photo i am using is in landscape form, meant to fit my website when on a computer. but when i look at in the mobile view its extremely zoomed in and looks ugly. is there any way i can format it to show more of the city so my customer knows what is going on in the background? is there a code i can input to fix this problem

here is my website URL

www.emotionaldebt.net

2

Hi @Emotionaldebt ,

If a lot of content is displayed, the image will be cropped or distorted. You can try the following code, go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px) {
	body {
		background-size: auto !important;
		background-position: left !important;
	}
}

Or you can upload more images for mobile, it will be the best choice.

Hope it helps!