fix(SW-2603): Fixed image sizes on hotel pages and width of main section

Approved-by: Arvid Norlin
Approved-by: Matilda Landström

apps/scandic-web/components/TempDesignSystem/Card/card.module.css

@@ -5,7 +5,7 @@
   flex-direction: column;
   justify-content: center;
   border-radius: var(--Corner-radius-md);
-  margin-right: var(--Spacing-x2);
+  margin-right: var(--Space-x2);
   text-align: center;
   width: 100%;
   text-wrap: balance;
@@ -49,10 +49,9 @@
 }
 
 .content {
-  margin: var(--Spacing-x0) var(--Spacing-x4);
-  position: absolute;
   display: grid;
-  gap: var(--Spacing-x2);
+  padding: var(--Space-x4) var(--Space-x3);
+  gap: var(--Space-x2);
 }
 
 .themeOne {
@@ -83,25 +82,22 @@
   background: var(--Primary-Strong-Surface-Normal);
 }
 
-.themeImage {
-}
-
 .themeImage .content {
   position: absolute;
 }
 
 .scriptContainer {
   display: grid;
-  gap: var(--Spacing-x1);
+  gap: var(--Space-x1);
 }
 
 .scriptedTitle {
-  padding: var(--Spacing-x1);
+  padding: var(--Space-x1);
   margin: 0;
 }
 
 .buttonContainer {
   display: flex;
-  gap: var(--Spacing-x1);
+  gap: var(--Space-x1);
   justify-content: center;
 }