css background timeline

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss

@@ -2,19 +2,28 @@
 /* TIMELINE
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 #home{
+   
     * { box-sizing: border-box; }
+    .config_pages--type--deroulement{
+        background-color: #f3f5fcff;
+        background-image: url(../../../dist/assets/img/pillier-1.svg);
+        background-repeat: no-repeat;
+        background-size: contain;
+        background-position-x: -20%;
+
+    }
     .timeline {
         white-space: nowrap;
         overflow: hidden;
         padding-top: 10rem;
-        padding-bottom: 10rem;
+        padding-bottom: 4rem;
         .__timeline-arrows{
             width: fit-content;
             margin: auto;
             position: relative;
             top: -115px;
             button{
-                background-color: white;
+                background-color: transparent;
                 border: none; 
                 &:hover{
                     opacity: 0.5;
@@ -28,7 +37,8 @@
         .__timeline-content{
             // font-size: 0;
             width: 100vw;
-            padding: 250px 0;
+            padding-top: 7rem;
+            padding-bottom: 2rem;
             transition: all 1s;
             .__paragraphs{
                 position: relative;
@@ -72,12 +82,15 @@
                     padding-bottom: 1rem;
                     .date{
                         width: 50%;
-                        
+                        display: flex;
+                        flex-direction: column;
+                        margin: auto;
+                        align-items: center;
                         .moi-annee{
                             display: inline-flex;
                             font-size: 0.6rem;
                             .field_field_date_de_moi{
-                                padding-right: 0.5rem;
+                                padding-right: 0.2rem;
                                 text-transform: uppercase;
                                 
                             }