Background Image doesn't centre on IPad

Hi

The background images I have added to my site are shifting far right and off screen when I look at the site on an IPad in portrait. I’ve tried looking for a fix using code like:

@media screen and (max-width: 1024px) {
body {
width: 100%;
float: none;
} body img {
max-width: 100%;}
}

but this squeezes the background image in and effects the aspect ratio of the images. I’m using the Gleam theme and adding background images as part of their portfolio option. The site is https://www.kitsinclair.com

I’d appreciate any help, thanks.