fix(SW-2376): Vertically centered previous/next buttons inside carousel cards

Approved-by: Matilda Landström

apps/scandic-web/components/ContentCard/contentCard.module.css

@@ -4,7 +4,8 @@
 
 .imageContainer {
   position: relative;
-  aspect-ratio: 16/9;
+  width: 100%;
+  height: 250px;
   border-radius: var(--Corner-radius-md);
   overflow: hidden;
   transition: border-radius 0.3s ease-in-out;
@@ -12,6 +13,9 @@
 
 .image {
   border-radius: var(--Corner-radius-md);
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
   transition:
     transform 0.3s ease-in-out,
     border-radius 0.3s ease-in-out;

apps/scandic-web/components/ContentCard/index.tsx

@@ -23,7 +23,8 @@ export default function ContentCard({
           src={image.url}
           alt={image.meta.alt || image.meta.caption || ""}
           className={styles.image}
-          fill
+          width={400}
+          height={250}
           sizes="(min-width: 768px) 413px, 100vw"
           focalPoint={image.focalPoint}
         />