From f70c96676fb1371d3d460bdb87011386cfe8281f Mon Sep 17 00:00:00 2001
From: Dan Lemon <daniel.lemon@amazeelabs.com>
Date: Thu, 24 Oct 2024 15:53:25 +0200
Subject: [PATCH] chore(SLB-455): try aspect-ratio 16 by 9 for images on cards

---
 packages/ui/src/components/Organisms/Card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/Organisms/Card.tsx b/packages/ui/src/components/Organisms/Card.tsx
index 398e21cf3..f9b774782 100644
--- a/packages/ui/src/components/Organisms/Card.tsx
+++ b/packages/ui/src/components/Organisms/Card.tsx
@@ -55,9 +55,9 @@ export const CardItem = ({
       </div>
       <div className="row-start-1">
         {teaserImage ? (
-          <Image {...teaserImage} className="w-full rounded-t-lg" />
+          <Image {...teaserImage} className="w-full aspect-[16/9] rounded-t-lg" />
         ) : (
-          <div className="aspect-[4/3] bg-indigo-200" />
+          <div className="aspect-[16/9] rounded-t-lg bg-indigo-200" />
         )}
       </div>
     </article>