diff --git a/content/components/cards.mdx b/content/components/cards.mdx
index 6323af9de..1c8ddb552 100644
--- a/content/components/cards.mdx
+++ b/content/components/cards.mdx
@@ -19,8 +19,8 @@ icon: "rectangle"
 ```
 
 ```jsx Image Card Example
-<Card title="Image Card" img="/images/card-with-image.png">
-  Here is an example of a card with an image
+<Card title="Image Card" img="/images/images/moo-deng.jpeg">
+  Images can improve clarity (or bring delight) in your docs
 </Card>
 ```
 
@@ -38,8 +38,8 @@ Add a `horizontal` property to a card to make it horizontally displayed.
 
 Add an `img` property to a card to display an image on the top of the card.
 
-<Card title="Image Card" img="/images/card-with-image.png">
-  Here is an example of a card with an image
+<Card title="Image Card" img="/images/moo-deng.jpeg">
+  Images can improve clarity (or bring delight) in your docs
 </Card>
 
 ## Props
diff --git a/images/moo-deng.jpeg b/images/moo-deng.jpeg
new file mode 100644
index 000000000..51805510a
Binary files /dev/null and b/images/moo-deng.jpeg differ