React-datocms <Image /> not showing on mobile browsers further then blurred version

🆘 Support
2

I’m still fairly new to date but I think the problem is your query, using fm: webp will only return the webp versions of the image which aren’t supported by safari on desktop or phone.

Try something like

image {
  responsiveImage(imgixParams: {auto: format, w: 800}) {
    ...responsiveImageFragment
  }
}

That should return multiple formats, one of which will be compatible with safari.