fix(SW-2657): Changed size of images inside meeting subpage cards

Approved-by: Matilda Landström

apps/scandic-web/components/ContentType/HotelPage/Facilities/CardGrid/CardImage/index.tsx

@@ -22,7 +22,7 @@ export default function CardImage({
                   className={styles.image}
                   alt={backgroundImage.title}
                   fill
-                  sizes="(max-width: 768px) 100vw, 900px"
+                  sizes="(min-width: 768px) 900px, 100vw"
                   focalPoint={backgroundImage.focalPoint}
                 />
               </div>

apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/index.tsx

@@ -41,8 +41,9 @@ export default function MeetingRoomCard({ room }: MeetingRoomCardProps) {
         src={image.imageSizes.small}
         alt={image.metaData.altText || image.metaData.altText_En || ""}
         className={styles.image}
-        width={200}
+        width={386}
         height={200}
+        sizes="(min-width: 768px) 386px, 100vw"
       />
       <div className={styles.content}>
         <Subtitle textAlign="left" type="two" color="black">

apps/scandic-web/components/TempDesignSystem/MeetingRoomCard/meetingRoomCard.module.css

@@ -33,6 +33,7 @@
 }
 
 .image {
+  height: 200px;
   width: 100%;
   object-fit: cover;
 }