CSS inline – how can i change an img background position?

I need to alter some CSS that the theme pumps inline.

It changes the background-position of an background image in the ‘ugb-header’

I know what to change and have added to the Custom CSS but inline overrides it

In particular a @media screen and (max-width:768px) – ie mobile

This is the page – https://test.djcdesign.co.uk/ – fine full screen, but I want the background image centered on mobile

This is the inline CSS

@media screen and (max-width:768px){.ugb-d21e0a0.ugb-header{min-height:50vh;background-position:center left}}

I simply need the left removed and the image then centers on the lady’s face.

Any ideas ?

Thanks

The page I need help with: [log in to see the link]