diff --git a/web/app/themes/haiku-atelier-2024/archive-product.php b/web/app/themes/haiku-atelier-2024/archive-product.php
index d7d9d39b..ece3b952 100644
--- a/web/app/themes/haiku-atelier-2024/archive-product.php
+++ b/web/app/themes/haiku-atelier-2024/archive-product.php
@@ -30,9 +30,9 @@ $contexte["produits"] = $produits;
 function charge_scripts_page_boutique(): void {
   wp_enqueue_style(
     handle: "haiku-atelier-2024-styles-page-boutique",
-    src: get_template_directory_uri() . "/assets/css/pages/page-boutique.min.css",
+    src: get_template_directory_uri() . "/assets/css/pages/page-boutique.css",
     deps: [],
-    ver: filemtime(get_template_directory() . "/assets/css/pages/page-boutique.min.css"),
+    ver: filemtime(get_template_directory() . "/assets/css/pages/page-boutique.css"),
     media: "all",
   );
   wp_enqueue_script_module(
diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css b/web/app/themes/haiku-atelier-2024/assets/css/main.css
index 95f9f98d..9677f2f9 100644
--- a/web/app/themes/haiku-atelier-2024/assets/css/main.css
+++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css
@@ -739,11 +739,32 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
   opacity: 0;
   transition: 0.15s opacity, 0.15s visibility;
 }
+.grille-produits article figure picture {
+  position: relative;
+}
+.grille-produits article figure picture::before {
+  content: "";
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+  filter: opacity(0%);
+  animation: 1s test infinite alternate both linear;
+}
 .grille-produits article figure img {
+  position: inherit;
+  z-index: 3;
   aspect-ratio: 9/16;
   width: 100%;
   max-height: 70vh;
   object-fit: cover;
+  background: transparent;
 }
 .grille-produits article figure figcaption {
   display: flex;
@@ -778,6 +799,11 @@ body:has(#menu-mobile:not([aria-hidden=true])) {
   }
 }
 
+@keyframes test {
+  to {
+    filter: opacity(30%);
+  }
+}
 /*
  * Boîte flottante avec les informations Produit, le sélecteur de variation et de quantité pour le
  * Panier.
diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map
index 0a026151..a0d3600b 100644
--- a/web/app/themes/haiku-atelier-2024/assets/css/main.css.map
+++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAEF,eACE;;AA6GJ;EACE;EACA;EACA;EACA;EACA,KACE;EAIF,eACE;;ACjIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAKA;EACA;EACA;EACA;EACA;EACA;;;ACzCF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC1BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;ACxBJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AA8BA;AAiBA;;AAnDA;EACE;;AAIF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAOJ;EACE;IACE;;;;AChFR;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAOV;EArEF;IAsEI;;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC5FJ;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;;AAbA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAaA;AAAA;AAAA;;AAXA;EACE;;AAGA;EACE;EACA;EACA;;AAOJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACpIR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EAEF;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;AAAA;AAAA;AAAA;AAAA;;AATE;EACE;;AAIJ;EACE;;AAQF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EACE;IACE;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;;AC/FZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;;AAIF;EACE;EACA;;;ACnDR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA,uBACE;EAEF;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AC9GR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAqHA;AAkGA;;AArNA;EACE;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AAON;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;;AALA;EACE;EACA;;AAIF;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;AAOV;EAtQF;IAuQI;IACA;IAEA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;;;AC7RN;EAEE;EACA;EAEA;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;IACE;;EAEA;IACE;;;;AC7GV;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../src/sass/base/polices/_lato.scss","../../src/sass/base/polices/_myriad.scss","../../src/sass/abstracts/_variables.scss","../../src/sass/base/_base.scss","../../src/sass/base/_typographie.scss","../../src/sass/base/elements/_boutons.scss","../../src/sass/base/elements/_formulaires.scss","../../src/sass/base/elements/_images.scss","../../src/sass/base/elements/_liens.scss","../../src/sass/base/elements/_listes.scss","../../src/sass/layouts/_menu-mobile.scss","../../src/sass/layouts/_en-tete.scss","../../src/sass/layouts/_menu-categories-produits.scss","../../src/sass/layouts/_colonnes-photos.scss","../../src/sass/layouts/_grille-produits.scss","../../src/sass/layouts/_informations-produit.scss","../../src/sass/layouts/_produits-similaires.scss","../../src/sass/layouts/_pied-de-page.scss"],"names":[],"mappings":";AAAA;EACE;EACA;EACA;EACA;EACA,KACE;EAEF,eACE;;AA6GJ;EACE;EACA;EACA;EACA;EACA,KACE;EAIF,eACE;;ACjIJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,KACE;;ACjBJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAKA;EACA;EACA;EACA;EACA;EACA;;;ACzCF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AAAA;AAAA;AAGA;EACE;IACE;IACA;IACA;;;AChEJ;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AC1BA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;ACxBJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;AAQJ;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;AAcA;AAAA;AAAA;;AAZA;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAOJ;EACE;EACA;;;ACzEJ;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;EACA;;;ACZF;AAAA;AAAA;AAAA;AAAA;AAKA;AACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA,YACE,kHAK4B;EAE9B;AAEA;AAKA;AA8BA;AAiBA;;AAnDA;EACE;;AAIF;AACE;EACA;EACA;AAEA;EACA;EAEA;EACA;AAEA;AAKA;AAKA;;AATA;EACE;;AAIF;EACE;;AAIF;EACE;IACE;;;AAMN;EACE;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAOJ;EACE;IACE;;;;AChFR;AAAA;AAAA;AAAA;AAAA;AAKA;EACE;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAMA;AACE;EACA;AAEA;EACA;AAEA;EACA;;AAEA;EACE;EACA,qLAEkE;;;AC3BxE;EACE;EACA;;;AAGF;EAEE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAOV;EArEF;IAsEI;;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AC5FJ;AACE;EACA;EACA;AAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAeA;;AAbA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AARA;EACE;EACA;EACA;EACA;EACA;;AAYF;AACE;EACA;EACA;EACA;AAEA;EACA;;AAEA;EACE;EACA,yFAC2C;EAE3C;;AAGF;EACE;;AAIF;EACE;IACE;;;AAOJ;EADF;IAEI;;;AAKN;EACE;EACA;EACA;EACA;EACA;AAaA;AAAA;AAAA;;AAXA;EACE;;AAGA;EACE;EACA;EACA;;AAOJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACpIR;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACE;EACA;EACA;AAEA;EACA;EACA;EAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAOA;EACE;EACA,uBACE;EAEF;EACA;AAEA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;AAAA;AAAA;AAAA;AAAA;;AATE;EACE;;AAIJ;EACE;;AAQF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;IACA;;;AAMR;EACE;IACE;IAEA;IACA;IACA;;EAEA;IACE;IACA;;EAEA;IACE;IACA;;;;AC/FZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACE;EACA;AAEA;EACA;EACA;AAAA;AAAA;EAGA;AAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;;AAIF;EACE;EACA;;;ACnDR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA,uBACE;EAEF;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;IACE;;EAEA;IACE;;;;AAMR;EACE;IACE;;;AC7IJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EAEE;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAqHA;AAkGA;;AArNA;EACE;EACA;EACA;EACA;EACA;AAIA;AAAA;AAAA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;;AAON;EACE;;AAMN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;AAEA;AAMA;;AALA;EACE;EACA;;AAIF;EACE;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEI;IACE;IACA;;;AAKN;EAEI;IACE;IACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;IACE;;;AAKN;EACE;;AAIJ;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AAEE;EACE;IACE;;;AAOV;EAtQF;IAuQI;IACA;IAEA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;;;AC7RN;EAEE;EACA;EAEA;EACA,qBACE;EAEF;EACA;EACA;EACA;AAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EAEI;IACE;IACA;IACA;;;AAMR;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;IACE;;EAEA;IACE;;;;AC7GV;AACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA","file":"main.css"}
\ No newline at end of file
diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css
index 4d6a7cbb..28fdc0fe 100644
--- a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css
+++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css
@@ -15,7 +15,26 @@
   width: min(var(--images-longueur-maximale), 100% - var(--images-marges-ligne));
   margin: auto;
 }
+#page-a-propos .storytelling picture {
+  position: relative;
+}
+#page-a-propos .storytelling picture::before {
+  content: "";
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
+  background-repeat: space;
+  background-position: center;
+  background-size: contain;
+  filter: opacity(0%);
+  animation: 1s test infinite alternate both linear;
+}
 #page-a-propos .storytelling img {
+  position: inherit;
   width: max-content;
   height: auto;
   object-fit: contain;
@@ -162,4 +181,10 @@
   }
 }
 
+@keyframes test {
+  to {
+    filter: opacity(30%);
+  }
+}
+
 /*# sourceMappingURL=page-a-propos.css.map */
diff --git a/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map
new file mode 100644
index 00000000..a0816d2b
--- /dev/null
+++ b/web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-a-propos.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;;AAKN;EAEI;IACE;;EAGF;IACE;;;AAKN;EAnOF;IAoOI;;;;AAIJ;EACE;IACE","file":"page-a-propos.css"}
\ No newline at end of file
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/HAIKU-about-petit.png b/web/app/themes/haiku-atelier-2024/assets/img/about/HAIKU-about-petit.png
deleted file mode 100644
index 9cb95956..00000000
Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/HAIKU-about-petit.png and /dev/null differ
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.avif b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.avif
deleted file mode 100644
index 9e823b4f..00000000
Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.avif and /dev/null differ
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.jxl b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.jxl
deleted file mode 100644
index 99c173e1..00000000
Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.jxl and /dev/null differ
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.png b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.png
deleted file mode 100644
index 429162b5..00000000
Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.png and /dev/null differ
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.webp b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.webp
deleted file mode 100644
index 35839e2d..00000000
Binary files a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout-petit.webp and /dev/null differ
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.avif b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.avif
new file mode 100644
index 00000000..5a73becc
Binary files /dev/null and b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.avif differ
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.jxl b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.jxl
new file mode 100644
index 00000000..4080e3b8
Binary files /dev/null and b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.jxl differ
diff --git a/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.webp b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.webp
new file mode 100644
index 00000000..04813ee7
Binary files /dev/null and b/web/app/themes/haiku-atelier-2024/assets/img/about/haikuabout.webp differ
diff --git a/web/app/themes/haiku-atelier-2024/functions.php b/web/app/themes/haiku-atelier-2024/functions.php
index f7eb1a00..6360f6ed 100644
--- a/web/app/themes/haiku-atelier-2024/functions.php
+++ b/web/app/themes/haiku-atelier-2024/functions.php
@@ -50,9 +50,9 @@ add_action("wp_enqueue_scripts", "charge_scripts_haiku_atelier_2024");
 function charge_styles_haiku_atelier_2024(): void {
   wp_enqueue_style(
     handle: "haiku-atelier-2024-styles",
-    src: get_template_directory_uri() . "/assets/css/main.min.css",
+    src: get_template_directory_uri() . "/assets/css/main.css",
     deps: [],
-    ver: filemtime(get_template_directory() . "/assets/css/main.min.css"),
+    ver: filemtime(get_template_directory() . "/assets/css/main.css"),
     media: "all",
   );
 }
diff --git a/web/app/themes/haiku-atelier-2024/page-about.php b/web/app/themes/haiku-atelier-2024/page-about.php
index 1b2d0751..f98959c5 100644
--- a/web/app/themes/haiku-atelier-2024/page-about.php
+++ b/web/app/themes/haiku-atelier-2024/page-about.php
@@ -11,16 +11,16 @@ use Timber\Timber;
 $contexte = Timber::context();
 $modeles = ["a-propos.twig"];
 
-$dimensions_image = getimagesize(filename: get_template_directory_uri() . "/assets/img/about/haikuabout-petit.png");
+$dimensions_image = getimagesize(filename: get_template_directory_uri() . "/assets/img/about/haikuabout.png");
 $contexte["dimensions_image"] = $dimensions_image;
 
 // Charge les scripts et styles de la page
 function charge_scripts_styles_page_a_propos(): void {
   wp_enqueue_style(
     handle: "haiku-atelier-2024-styles-page-a-propos",
-    src: get_template_directory_uri() . "/assets/css/pages/page-a-propos.min.css",
+    src: get_template_directory_uri() . "/assets/css/pages/page-a-propos.css",
     deps: [],
-    ver: filemtime(get_template_directory() . "/assets/css/pages/page-a-propos.min.css"),
+    ver: filemtime(get_template_directory() . "/assets/css/pages/page-a-propos.css"),
     media: "all",
   );
   wp_enqueue_script_module(
diff --git a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss
index 3230c274..b41892b1 100644
--- a/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss
+++ b/web/app/themes/haiku-atelier-2024/src/sass/layouts/_grille-produits.scss
@@ -67,11 +67,34 @@
         transition: 0.15s opacity, 0.15s visibility;
       }
 
+      picture {
+        position: relative;
+
+        &::before {
+          content: "";
+          position: absolute;
+          z-index: 2;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
+          background-repeat: no-repeat;
+          background-position: center;
+          background-size: contain;
+          filter: opacity(0%);
+          animation: 1s test infinite alternate both linear;
+        }
+      }
+
       img {
+        position: inherit;
+        z-index: 3;
         aspect-ratio: 9 / 16;
         width: 100%;
         max-height: 70vh;
         object-fit: cover;
+        background: transparent;
       }
 
       figcaption {
@@ -115,3 +138,9 @@
     }
   }
 }
+
+@keyframes test {
+  to {
+    filter: opacity(30%);
+  }
+}
diff --git a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss
index be47a4b6..789bef2d 100644
--- a/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss
+++ b/web/app/themes/haiku-atelier-2024/src/sass/pages/page-a-propos.scss
@@ -22,8 +22,28 @@
       margin: auto;
     }
 
+    picture {
+      position: relative;
+
+      &::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-image: url("/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg");
+        background-repeat: space;
+        background-position: center;
+        background-size: contain;
+        filter: opacity(0%);
+        animation: 1s test infinite alternate both linear;
+      }
+    }
+
     // Image du storytelling
     img {
+      position: inherit;
       width: max-content;
       height: auto;
       object-fit: contain;
@@ -210,3 +230,9 @@
     --images-marges-ligne: var(--espace-m);
   }
 }
+
+@keyframes test {
+  to {
+    filter: opacity(30%);
+  }
+}
diff --git a/web/app/themes/haiku-atelier-2024/views/a-propos.twig b/web/app/themes/haiku-atelier-2024/views/a-propos.twig
index eb78f1ae..3c9f7918 100644
--- a/web/app/themes/haiku-atelier-2024/views/a-propos.twig
+++ b/web/app/themes/haiku-atelier-2024/views/a-propos.twig
@@ -7,7 +7,7 @@
     <div class="storytelling">
       <div class="storytelling__conteneur">
         {{
-          images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/about/haikuabout-petit", "", dimensions_image[0], dimensions_image[1], "")
+          images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/about/haikuabout", "", dimensions_image[0], dimensions_image[1], "")
         }}
 
         <div