fix(BOOK-204): Added dynamic h1 to startpage

Approved-by: Christel Westerberg

apps/scandic-web/components/Blocks/FullWidthCampaign/fullWidthCampaign.module.css

@@ -2,32 +2,27 @@
   position: relative;
   overflow: hidden;
   height: 100vh;
+
+  &::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(
+      180deg,
+      rgba(0, 0, 0, 0) 0%,
+      rgba(0, 0, 0, 0.36) 50%,
+      rgba(0, 0, 0, 0.75) 100%
+    );
+    pointer-events: none;
+    z-index: 1;
+  }
 }
+
 .bodyText {
   text-align: center;
   color: var(--Base-Text-Inverted);
 }
 
-.container::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(
-    180deg,
-    rgba(0, 0, 0, 0) 0%,
-    rgba(0, 0, 0, 0.36) 50%,
-    rgba(0, 0, 0, 0.75) 100%
-  );
-  pointer-events: none;
-  z-index: 1;
-}
-
-@media screen and (min-width: 768px) {
-  .container {
-    height: 880px;
-  }
-}
-
 .content {
   position: absolute;
   inset: 0;
@@ -54,16 +49,10 @@
   gap: var(--Space-x1);
 }
 
-.buttonWrapper {
+.button {
   min-width: 180px;
 }
 
-@media screen and (max-width: 767px) {
-  .buttonWrapper:not(:only-child) {
-    min-width: 135px;
-  }
-}
-
 .image {
   max-width: 100%;
   height: 100%;
@@ -73,3 +62,15 @@
 .scriptedText {
   display: inline-block;
 }
+
+@media screen and (max-width: 767px) {
+  .button:not(:only-child) {
+    min-width: 135px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .container {
+    height: 880px;
+  }
+}