Mobile background image

I'm trying to find away to have any control over the way my background image on my home page is cropped in mobile mode. 

I would like to either choose how it crops, change the image for mobile style only, remove the image and just have colour, or disable mobile style however disabling mobile isn't possible on the Polaris template. 

My site is https://www.mallorychipmanandthemystics.com/

Any suggestions appreciated! 🙂

I'm having this same issue. I hope someone has a solution or some code to help.

Have you solved yet? If not I can take a look.

@tuanphan I have no been able to solve this. Would appreciate any help 😄

I am trying to figure this out too.

I'm in the same boat 🙃

On 2/6/2020 at 9:25 PM, laurentaylar said:

I am trying to figure this out too.

On 1/31/2020 at 6:24 PM, burgirl said:

@tuanphan I have no been able to solve this. Would appreciate any help 😄

19 hours ago, saffronmedia said:

I'm in the same boat 🙃

Try using CSS to adjust class: .Parallax-item figure img

You can adjust width, height, left, top..

eg

@media screen and (max-width:640px) {
.Parallax-item figure img {
    left: -10% !Important;
}
}