I give up!!! (for today)

src/App.svelte

@@ -9,7 +9,7 @@
 
   window.onload = function() {
     //window.scrollTo(0, 100);
-    window.scrollTo(0, 5500); // Debug
+    window.scrollTo(0, 5800); // Debug
   }
 
   // Auto assigned fields (Will change after load)
@@ -38,10 +38,10 @@
 
   <Parallax 
     onProgress={handleProgress}
-    sections={10}
+    sections={7.000000001}
     config={{stiffness: 0.2, damping: 0.3}}
     >
-    <ParallaxLayer rate={0} span={10} style="background: url('{planeImg}'); filter: brightness(10%);" />
+    <ParallaxLayer rate={0} span={7.000000001} style="background: url('{planeImg}'); filter: brightness(10%);" />
 
     <ParallaxLayer rate={1} span={2}>
       <div style="background: url('{imgBackground}'); filter: brightness(100%); z-index: 1; height: 10%;">
@@ -82,6 +82,22 @@
       <WeAreText containerProgress={progress}/>
     </StickyLayer>
   </Parallax>
+  
+  <div class="align-center" style="font-size: 9vw; height: 50vh;">
+    Timeline!
+  </div>
+  <div class="align-center" style="width: 100%;">
+    <div style="justify-items: center; display: flex">
+      {#each {length: 10} as _, i}
+      <div style="justify-items: start; display: flex;">
+        <div class="align-center">
+          THE TEAM!!!
+        </div>
+        <img src="{deprivedTeam}" alt="The deprived team" style=" width: 50%; height: 50%; border-radius: 2vw;"/>
+      </div>
+      {/each}
+    </div>
+  </div>
 </main>
 
 <style>
@@ -89,5 +105,9 @@
     font-family: CozetteVector;
     font-size: 5vw;
   }
+
+  div {
+    font-family: CozetteVector;
+  }
 </style>