When testing SVGZ format locally on Google Chrome, it works perfectly but doesn't seem to function on other browsers. Regular SVG works fine though. However, when uploaded to the server, it fails to work. I attempted to resolve this by adding the following lines to a .htaccess file:
AddType image/svg+xml svg
AddType image/svg+xml svgz
AddEncoding x-gzip .svgz
Despite these efforts, the issue persists. Whether used inline or as a background, the result remains the same.
Here's the link to my test
I have tried implementing it in various backgrounds with textures and at the bottom of the page as an inline element, yet I am unable to find a solution.
Feeling stuck and unsure how to proceed.