update: update default preload and hero default height

Author: EmptyWork

src/assets/scss/modules/component/_hero.scss

@@ -6,9 +6,14 @@
   justify-content: center;
   flex-direction: column;
   background-color: var(--clr-background);
+  height: 80dvh;
   z-index: 3;
   position: relative;
 
+  @include breakpoint-down('medium') {
+    height: 100%;
+  }
+
   &-decoration {
     --width: 95vmin;
     --increase: 1.2;
@@ -57,6 +62,7 @@
       z-index: -1;
       position: absolute;
       bottom: 0;
+      margin-bottom: -.625rem;
       left: 0;
       width: 100%;
       overflow: hidden;

src/assets/scss/modules/component/_preload.scss

@@ -8,6 +8,7 @@
   left: 0;
   right: 0;
   bottom: 0;
+  height: 100dvh;
   z-index: 999;
   flex-direction: column;
   translate: 0 0;