diff --git a/docs/content/components/card.mdx b/docs/content/components/card.mdx
index 5e9bd8b..7403125 100644
--- a/docs/content/components/card.mdx
+++ b/docs/content/components/card.mdx
@@ -52,7 +52,7 @@ A card can have a title, body and footer.
 A card can have an image cover.
 
 <div className="card card-image-cover">
-  <img src="https://source.unsplash.com/random/300x200" alt="" />
+  <img src="https://picsum.photos/300/200" alt="" />
   <div className="card-body">
     <h2 className="card-header">Maximizing Your Productivity at Work</h2>
     <p className="text-content2">Are you looking to increase your productivity at work?       </p>
@@ -64,7 +64,7 @@ A card can have an image cover.
 
 ```html
 <div className="card card-image-cover">
-  <img src="https://source.unsplash.com/random/300x200" alt="" />
+  <img src="https://picsum.photos/300/200" alt="" />
   <div className="card-body">
     <h2 className="card-header">Maximizing Your Productivity at Work</h2>
     <p className="text-content2">Are you looking to increase your productivity at work?       </p>
@@ -88,7 +88,7 @@ A card can have an image cover at the bottom.
     <button className="btn-secondary btn">Learn More</button>
   </div>
   </div>
-    <img src="https://source.unsplash.com/random/300x200" alt="" />
+    <img src="https://picsum.photos/300/200" alt="" />
 </div>
 
 ```html
@@ -101,7 +101,7 @@ A card can have an image cover at the bottom.
     <button className="btn-secondary btn">Learn More</button>
   </div>
   </div>
-    <img src="https://source.unsplash.com/random/300x200" alt="" />
+    <img src="https://picsum.photos/300/200" alt="" />
 </div>
 ```