fixed header styling

src/static/sass/layout/_header.scss

@@ -1,8 +1,9 @@
 .header {
   background-color: $color-background;
   grid-column: 1 / 13;
-  height: 65rem;
-  display: inline-block;
+  height: 82vh;
+  //   display: inline-block;
+  display: grid;
 
   @include responsive(phone) {
     height: 50rem;
@@ -77,13 +78,12 @@
   }
 
   &--fadeBottom {
+    align-self: end;
     height: 28.5rem;
     background-image: linear-gradient(
       180deg,
       transparent,
-      rgba(0, 0, 0, 0.61),
-      rgb(31, 30, 30),
-      rgb(17, 17, 17),
+      rgba(15, 15, 15, 0.61),
       rgb(17, 17, 17),
       rgb(17, 17, 17)
     );