Merged in feat/best-friend-hero (pull request #338)

Feat(SW-170): Update overview hero

Approved-by: Christel Westerberg

components/MyPages/Blocks/Overview/Friend/friend.module.css

@@ -9,7 +9,7 @@
 .header {
   display: flex;
   flex-direction: column;
-  gap: var(--Spacing-x1);
+  gap: var(--Spacing-x2);
 }
 
 .levelLabel {
@@ -35,14 +35,7 @@
   background: var(--Scandic-Brand-Burgundy);
   border-radius: var(--Corner-radius-Small);
   display: grid;
-  gap: var(--Spacing-x1);
   grid-template-columns: 1fr;
   justify-items: center;
-  padding: var(--Spacing-x1) var(--Spacing-x2);
-}
-
-@media screen and (min-width: 768px) {
-  .membershipContainer {
-    grid-template-columns: auto auto;
-  }
+  padding: var(--Spacing-x1) var(--Spacing-x7) 0 var(--Spacing-x7);
 }