Issue with responsive background

Hi,

I'm trying to sort out the background on this site https://www.vividoelectronics.com.au/ for when the site is viewed on a mobile.

At the moment if you go to the site on a mobile browser it just shows the clouds for the background, I'd like it to be more centered on the mobile so you can see the road.

I thought I fixed it with this code

.full-width-page .row {
background-position: 47% 53%;
}

But with this styling if you change the viewing to 1200*1200 then the site breaks.

I don't know enough about css styling so was hoping someone could help me out here.

Thank you.