Compress images

src/components/Cards.astro

@@ -1,8 +1,9 @@
 ---
 import Card from "./Card.astro";
+import type { ImageData } from "./types";
 
 export interface Props {
-  images: { title: string; src: string }[];
+  images: ImageData[];
 }
 
 const { images } = Astro.props;
@@ -10,6 +11,8 @@ const { images } = Astro.props;
 
 <div class="container">
   <div class="row row-cols-1 row-cols-md-2">
-    {images.map((i) => <Card title={i.title} src={i.src} />)}
+    {images.map((i) => 
+      <Card imageData={i}  />
+    )}
   </div>
 </div>