fix(SW-217): Styling fixes for teaser-card

components/TempDesignSystem/TeaserCard/index.tsx

@@ -19,25 +19,23 @@ export default function TeaserCard({
   sidePeekButton,
   sidePeekContent,
   image,
-  style = "default",
+  intent,
   alwaysStack = false,
   className,
 }: TeaserCardProps) {
-  const cardClasses = teaserCardVariants({ style, alwaysStack, className })
+  const classNames = teaserCardVariants({ intent, alwaysStack, className })
 
   return (
-    <article className={cardClasses}>
+    <article className={classNames}>
       {image && (
-        <div className={styles.imageContainer}>
-          <Image
-            src={image.url}
-            alt={image.meta?.alt || ""}
-            className={styles.backgroundImage}
-            width={399}
-            height={201}
-            focalPoint={image.focalPoint}
-          />
-        </div>
+        <Image
+          src={image.url}
+          alt={image.meta?.alt || ""}
+          className={styles.image}
+          width={Math.ceil(image.dimensions.aspectRatio * 200)}
+          height={200}
+          focalPoint={image.focalPoint}
+        />
       )}
       <div className={styles.content}>
         <Subtitle textAlign="left" type="two" color="black">