Microsoft’s Clarity breaks down CSS and does not upload background images

Question

Microsoft’s Clarity breaks down CSS and does not upload background images to Heatmaps. How do I fix this so that the sessions look normal?

example 1 example 2

I reviewed the website through Google Page Speed and GTMetrix. These services see the site, CSS and background images normally.

Answer 1

All Static data(images, Styles, CSS) should be publicly available to render in Clarity. Please refer Troubleshooting Recordings | Microsoft Docs for possible reasons & resolutions why CSS or fonts may appear broken in recordings and heatmaps.