diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 45f72fa..2dc7216 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -1544,12 +1544,10 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 }
 
 #home #background-animated {
-  display: none;
   position: absolute;
   top: -150px;
   left: 0;
   width: 100%;
-  height: 100%;
   pointer-events: none; /* Permet de cliquer à travers l'élément */
   z-index: 2; /* S'assure que l'élément soit au-dessus */
 }
@@ -1561,6 +1559,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 #home #background-animated svg {
   max-width: 100%;
   position: relative;
+  top: -1500px;
 }
 #home .layout-content {
   position: relative;
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.png b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.png
new file mode 100644
index 0000000..1af0270
Binary files /dev/null and b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.png differ
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
index a4dfe97..53d96af 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
@@ -1,12 +1,12 @@
 #home{
 
   #background-animated {
-    display: none;
+    // display: none;
       position: absolute;
       top: -150px;
       left: 0;
       width: 100%;
-      height: 100%;
+      // height: 100%;
       pointer-events: none; /* Permet de cliquer à travers l'élément */
       z-index: 2; /* S'assure que l'élément soit au-dessus */
       @media(max-width: 1400px){
@@ -15,7 +15,7 @@
     svg{
       max-width: 100%;
       position: relative;
-      // top: -1500px;
+      top: -1500px;
     }
   }
   // .not-visible{
diff --git a/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig b/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
index 7eec1e2..ebb8105 100644
--- a/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
@@ -82,7 +82,9 @@
       {{ page.content }}
     </div>{# /.layout-content #}
   <div id="background-animated" >
-        {% include active_theme_path() ~ '/dist/assets/img/formes-animees.svg' %}
+        {# {% include active_theme_path() ~ '/dist/assets/img/formes-animees.svg' %} #}
+        <img src="/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg" id="formes-animees"/>
+
   </div>
     {% if page.sidebar_first %}
       <aside class="layout-sidebar-first" role="complementary">