Replace BG's image

src/routes/docs/+page.svelte

@@ -81,7 +81,7 @@
             <enhanced:img src="./blur-2.png" alt="" />
         </div>
 
-        <section class="aw-hero is-align-start u-position-relative">
+        <section class="aw-hero is-align-start u-position-relative e-hero-docs">
             <h1 class="aw-display aw-u-color-text-primary u-max-width-600">
                 Learn how to build like a team of hundreds<span class="aw-u-color-text-accent"
                     >_
@@ -104,20 +104,19 @@
             <a href="/docs/sdks" class="aw-button is-secondary" style:align-self="start">
                 <span class="aw-sub-body-500">Explore all technologies</span>
             </a>
-
             <div class="u-position-absolute aw-is-not-mobile spline-wrapper">
                 <Spline url="/images/animations/dark-scene.splinecode" width={660} height={660}>
                     <img
                         class="u-only-dark"
-                        src="/images/animations/tech-dark.png"
+                        src="/images/animations/tech-dark-transparent.png"
                         width="660"
                         height="660"
                         alt=""
                         style="position: absolute;"
                     />
                     <img
                         class="u-only-light"
-                        src="/images/animations/tech-light.png"
+                        src="/images/animations/tech-light-transparent.png"
                         width="660"
                         height="660"
                         alt=""
@@ -408,6 +407,12 @@
 </Docs>
 
 <style lang="scss">
+
+    .e-hero-docs {
+      @media (min-width:1280px) {
+        margin-block-start:5rem;
+      }
+    }
     .aw-main-section {
         max-inline-size: unset;
         margin-inline: unset;

src/scss/9-grids/_grid-side-nav.scss

@@ -33,7 +33,7 @@
       .#{$p}-hero:first-child {
         margin-block-start:pxToRem(100); margin-block-end:pxToRem(80);
       }
-      > *:not(:first-child) { margin-block-start:pxToRem(160); }
+      > *:not(:first-child):where(:not(.u-position-absolute)) { margin-block-start:pxToRem(160); }
     }
   }
   @media #{$break3open} {