addd placeholder section image

src/components/Sections/SectionDefaultWave.svelte

@@ -0,0 +1,3 @@
+<div
+  class={`absolute left-0 h-full bg-left-bottom bg-no-repeat sm:-bottom-16 sm:max-h-[100px] sm:w-[10%] sm:bg-[url(/src/lib/assets/section3mobile.svg)] md:max-h-full md:w-full lg:bottom-0 lg:max-w-full lg:sm-[url(/src/lib/assets/placeholder-portal.svg)]`}
+></div>

src/components/Sections/SectionDocs.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
   import SectionWrapper from './SectionWrapper.svelte';
   import SlideIn from '../SlideIn.svelte';
-  import Section1Wave from './Section1Wave.svelte';
-  import SectionNumber from '../SectionNumber.svelte';
-</script>
+  import SectionDefaultWave from './SectionDefaultWave.svelte';
+  </script>
 
 <SectionWrapper id="section1" classes="lg:px-0">
   <div
@@ -31,11 +30,7 @@
       </p>
     </section>
   </div>
-
-  <SectionNumber classes="text-teal sm:right-0 sm:bottom-[140px] z-10 lg:bottom-4">.01</SectionNumber>
-  <div
-    class="bottom-0 left-0 w-full sm:-mb-[9px] sm:block sm:h-[190px] md:-mb-[10px] md:h-[220px] lg:absolute lg:mb-0 lg:h-full vertical-lg:relative vertical-lg:-mb-[10px] vertical-lg:block"
-  >
-    <Section1Wave />
+  <div>
+    <SectionDefaultWave />
   </div>
 </SectionWrapper>