Image Remains blurred on page load

[Ekeu]

Hello,

We've been working lately on a project (strapi + gatsbyjs) and while finishing with some image optimization we decided to move on with gatsby-plugin-image. The configuration and setup went smoothly.

We started using getImage and GatsbyImage on some of our components and everything was fine until this moment were on our detail page (it is an ecom project) we had this weird behavior (On image remained blurred) ⬇️

And what surprised us most was our network tab. We had this ⬇️

We still don't understand what's going on.

We will greatly appreciate your help!

Thanks and happy coding!

[Ekeu]

We found it. The problem was because we provided some breakpoints when setting up gatsby-plugin-image and our screen resolution didn't fit in those.

Thanks