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 8487fca..0507e57 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
@@ -1552,8 +1552,8 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 
 #home #background-animated {
   position: absolute;
-  top: -150px;
-  left: 0;
+  top: 2200px;
+  left: 300px;
   width: 100%;
   pointer-events: none; /* Permet de cliquer à travers l'élément */
   z-index: 2; /* S'assure que l'élément soit au-dessus */
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
index 1af0270..b835049 100644
Binary files a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.png and b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.png differ
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
index ecaf558..a80c2db 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="100%"
-   height="100%"
-   viewBox="0 0 2560.2766 11997.26"
+   width="1440.5675"
+   height="6329.9683"
+   viewBox="0 0 1440.5675 6329.9684"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -45,58 +45,54 @@
     </clipPath>
   </defs>
   <g
-     id="g1"
-     transform="translate(0.17944336,-2.9196463)">
-    <path
-       id="path148"
-       d="M 0,0 211.55,177.512"
-       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035, 8750)" />
-    <path
-       id="path151"
-       d="M 0,0 V -174.775"
-       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
-    <path
-       id="path254"
-       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-       style="fill:none;stroke:#000000;stroke-width:100.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,9800)"
-       clip-path="url(#clipPath255)" />
-    <path
-       id="path256"
-       d="M 0,0 177.512,-211.551"
-       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2300)" />
-    <path
-       id="path257"
-       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
-       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
-       clip-path="url(#clipPath258)" />
-    <path
-       id="path300"
-       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
-       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,3850)"
-       clip-path="url(#clipPath301)" />
-    <path
-       id="path302"
-       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,5700)"
-       clip-path="url(#clipPath303)" />
-    <path
-       id="path311"
-       d="M 0,0 V 283"
-       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,5500)" />
-    <rect
-       style="fill:none;stroke:none;stroke-width:0.872103;paint-order:fill markers stroke"
-       id="rect717"
-       width="2559.4043"
-       height="11996.388"
-       x="0.25652406"
-       y="3.3556976" />
+     id="g3"
+     transform="translate(-509.36304,-2445.5661)">
+    <g
+       id="g2">
+      <g
+         id="g1"
+         transform="translate(0.17944336,-2.9196463)">
+        <path
+           id="path148"
+           d="m 1544.4558,7857.9597 194.3574,-163.0856"
+           style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           id="path151"
+           d="m 1818.0282,2628.0978 v 160.571"
+           style="fill:none;stroke:#0833c2;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           id="path254"
+           d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
+           style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           transform="matrix(0.91872984,0,0,-0.91872984,1649.0098,8778.4538)"
+           clip-path="url(#clipPath255)" />
+        <path
+           id="path256"
+           d="m 533.81621,3347.9845 163.08557,194.3583"
+           style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           id="path257"
+           d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+           style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           transform="matrix(0.91872984,0,0,-0.91872984,1388.9577,2511.6402)"
+           clip-path="url(#clipPath258)" />
+        <path
+           id="path300"
+           d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+           style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           transform="matrix(0.91872984,0,0,-0.91872984,1738.8107,4535.9014)"
+           clip-path="url(#clipPath301)" />
+        <path
+           id="path302"
+           d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+           style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           transform="matrix(0.91872984,0,0,-0.91872984,1874.1866,6026.5711)"
+           clip-path="url(#clipPath303)" />
+        <path
+           id="path311"
+           d="M 552.65311,5827.771 V 5567.7705"
+           style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      </g>
+    </g>
   </g>
 </svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees1.png b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees1.png
new file mode 100644
index 0000000..67cc950
Binary files /dev/null and b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees1.png differ
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees1.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees1.svg
new file mode 100644
index 0000000..484b0dc
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees1.svg
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="6555016.5"
+   height="143934240"
+   viewBox="0 0 6555016.5 1.4393424e+08"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <path
+     id="path151"
+     d="m 2083.8127,1367.7471 v 233.0333"
+     style="fill:none;stroke:#0833c2;stroke-width:113.333;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  <path
+     id="path256"
+     d="m 220.06291,2297.0804 236.68266,282.068"
+     style="fill:none;stroke:#0833c2;stroke-width:93.3333;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  <path
+     id="path257"
+     d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+     style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     transform="matrix(1.3333333,0,0,-1.3333333,1461.1117,1198.7347)"
+     clip-path="url(#clipPath258)" />
+  <path
+     id="path300"
+     d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+     style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     transform="matrix(1.3333333,0,0,-1.3333333,1968.8461,3847.0804)"
+     clip-path="url(#clipPath301)" />
+  <path
+     id="path302"
+     d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+     style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     transform="matrix(1.3333333,0,0,-1.3333333,2165.3143,5697.0804)"
+     clip-path="url(#clipPath303)" />
+  <path
+     id="path311"
+     d="M 247.40051,5497.0804 V 5119.7471"
+     style="fill:none;stroke:#000000;stroke-width:113.333;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  <g
+     id="g2">
+    <g
+       id="g1">
+      <path
+         id="path148"
+         d="m 1686.7829,8157.0804 282.0667,-236.6827"
+         style="fill:none;stroke:#0833c2;stroke-width:93.3333;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         id="path254"
+         d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+         style="fill:none;stroke:#000000;stroke-width:100.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         transform="matrix(1.3333333,0,0,-1.3333333,1838.5199,9207.0804)"
+         clip-path="url(#clipPath255)" />
+      <rect
+         style="fill:none;stroke:none;stroke-width:0.872103;paint-order:fill markers stroke"
+         id="rect717"
+         width="2559.4043"
+         height="11996.388"
+         x="0.43596742"
+         y="0.43605134" />
+    </g>
+  </g>
+</svg>
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 53d96af..414a4d2 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
@@ -3,8 +3,8 @@
   #background-animated {
     // display: none;
       position: absolute;
-      top: -150px;
-      left: 0;
+      top: 2200px;
+      left: 300px;
       width: 100%;
       // height: 100%;
       pointer-events: none; /* Permet de cliquer à travers l'élément */
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 ebb8105..33f7075 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,7 @@
       {{ 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>