added deprived team image

src/App.svelte

@@ -5,6 +5,7 @@
   import ZSpacer from './lib/Universal/ZSpacer.svelte';
   import planeImg from './assets/images/PlaneGrid.png';
   import imgBackground from './assets/images/CubeSideTransparent.png';
+  import deprivedTeam from './assets/images/deprivedTeam.jpg';
 
   window.onload = function() {
     //window.scrollTo(0, 100);
@@ -67,12 +68,18 @@
     </StickyLayer>
     {/each}
 
-    <StickyLayer offset={{ top: 6, bottom: 6 }} style="background-color: #242424;">
+    <StickyLayer offset={{ top: 6, bottom: 6 }} style="background-color: #242424; margin-bottom: 20vw;">
       <div class="align-center stickyText" style="font-size: 9vw; padding-top: 200px;">
         The deprived devs
       </div>
     </StickyLayer>
 
+    <ParallaxLayer offset={6.5}>
+      <div class="align-center">
+        <img src="{deprivedTeam}" alt="The deprived team" style=" width: 50%; height: 50%; border-radius: 2vw;"/>
+      </div>
+    </ParallaxLayer>
+
     <StickyLayer class="align-center" offset={{ top: 0, bottom: 5.6 }} let:progress>
       <WeAreText containerProgress={progress}/>
     </StickyLayer>

src/lib/WeAreText.svelte

@@ -34,7 +34,7 @@
 <div>
     <div class="align-center" style="margin-right: 35vw; position: relative;">
         <div id="WeAreText" class="no-wrap no-interact shine" class:animate={shine}
-        style="position: absolute; background: rgba(94, 186, 242, {backgroundTime})">
+        style="position: absolute; background: rgba(8, 60, 99, {backgroundTime})">
             We are
         </div>
     </div>