Hero image not working in Safari

[rob8624]

HI folks, wonder if anyone could help me solve this problem. I'm using a Daisy UI hero component in a Django site, I'm rendering the background image like this, it works on everything apart from Safari.

style="background-image: url('{{ gallery_image.url }}');"

I've had a search (there is a thread on SO from years ago) but nothing seems to fix this, I've tried smaller size image, non-jpg format, I'm unsure of the under the hood css which could be causing this though.