fix: blurry svg on ios

index.html

@@ -57,12 +57,15 @@
           Se créer un compte
         </a>
       </div>
-      <img
+      <!-- Use object tag instead of img to not have a blurry svg on IOS -->
+      <object
         id="illu"
         class="illu"
-        alt="Illustration Ecolyo"
-        src="assets/illu-landing.svg"
-      />
+        type="image/svg+xml"
+        data="assets/illu-landing.svg"
+      >
+        Illustration Ecolyo
+      </object>
       <img
         id="mgl-logo"
         class="mglLogo"
@@ -84,11 +87,13 @@
       </p>
       <div class="compteurs">
         <div class="bloc elec-color">
-          <img
+          <object
             class="compteur-img"
-            src="./assets/compteurs/Linky.svg"
-            alt="compteur-linky"
-          />
+            type="image/svg+xml"
+            data="./assets/compteurs/Linky.svg"
+          >
+            Compteur Linky
+          </object>
           <h3>Linky</h3>
           <p class="text-18-white">pour l'éléctricité</p>
           <div class="provider-logo">
@@ -97,11 +102,13 @@
         </div>
         <span>ou</span>
         <div class="bloc water-color">
-          <img
+          <object
             class="compteur-img"
-            src="./assets/compteurs/Teleo.svg"
-            alt="compteur-teleo"
-          />
+            type="image/svg+xml"
+            data="./assets/compteurs/Teleo.svg"
+          >
+            Comteur Téléo
+          </object>
           <h3>Téléo</h3>
           <p class="text-18-white">pour l'eau</p>
           <div class="provider-logo">
@@ -110,11 +117,14 @@
         </div>
         <span>ou</span>
         <div class="bloc gaz-color">
-          <img
+          <object
             class="compteur-img"
-            src="./assets/compteurs/Gazpar.svg"
-            alt="compteur-gazpar"
-          />
+            type="image/svg+xml"
+            data="./assets/compteurs/Gazpar.svg"
+          >
+            Compteur Gazpar
+          </object>
+
           <h3>Gazpar</h3>
           <p class="text-18-white">pour le gaz</p>
           <div class="provider-logo">