Home page not working in different browsers

I’m having issues getting my website to render correctly on different browsers.

https://www.holeinonegolfsociety.co.uk/index.php works fine when using chrome but the background image doesn’t work in safari or if viewing on mobile device (iOS safari or chrome)

I’ve had a go a trying to sort with below


This now works on mobile browsers and safari on mac but not on chrome.

It’s driving me up the wall trying to fix and could do with a fresh pair of eyes to point me in the right direction.

Any help would be greatly appreciated.