feat(SW-365): Implemented focal point

components/TempDesignSystem/Card/CardImage/index.tsx

@@ -24,6 +24,7 @@ export default function CardImage({
                 alt={backgroundImage.title}
                 width={180}
                 height={180}
+                focalPoint={backgroundImage.focalPoint}
               />
             )
         )}

components/TempDesignSystem/Card/index.tsx

@@ -53,6 +53,7 @@ export default function Card({
             alt={backgroundImage.meta.alt || backgroundImage.title}
             width={imageWidth}
             height={imageHeight}
+            focalPoint={backgroundImage.focalPoint}
           />
         </div>
       )}

components/TempDesignSystem/LoyaltyCard/index.tsx

@@ -32,6 +32,7 @@ export default function LoyaltyCard({
           height={160}
           className={styles.image}
           alt={image.meta.alt || image.title}
+          focalPoint={image.focalPoint}
         />
       ) : null}
       <Title as="h5" level="h3" textAlign="center">

components/TempDesignSystem/TeaserCard/index.tsx

@@ -35,6 +35,7 @@ export default function TeaserCard({
             className={styles.backgroundImage}
             width={399}
             height={201}
+            focalPoint={image.focalPoint}
           />
         </div>
       )}