diff --git a/components/card/building-blocks.md b/components/card/building-blocks.md
index 157a219a63..cdb0c95f6e 100644
--- a/components/card/building-blocks.md
+++ b/components/card/building-blocks.md
@@ -113,7 +113,7 @@ Use the [`CardImage`](slug:card-image) tag to render the image section of the Ca
         <CardSubTitle>Capital of Italy</CardSubTitle>
     </CardHeader>
     
-    <CardImage Src="https://docs.telerik.com/blazor-ui/components/card/images/rome.jpg"></CardImage>
+    <CardImage Src="https://demos.telerik.com/blazor-ui/images/cards/places/rome.jpg"></CardImage>
     
 </TelerikCard>
 ````
diff --git a/components/card/image.md b/components/card/image.md
index 98d682623e..23bf4bd077 100644
--- a/components/card/image.md
+++ b/components/card/image.md
@@ -12,9 +12,7 @@ position: 7
 
 Every Blazor Card can have a dedicated area to render a card image that will fill the size of the card. The content of the CardImage as well as its size is completely customizable through the available configuration options.
 
->caption Use the CardImage building block to insert an image in the Card. The result from the snippet below.
-
-![Image in Card](images/cardimage-example.png)
+>caption Use the CardImage building block to insert an image in the Card
 
 ````RAZOR
 @* Insert an image in the Card *@
@@ -25,7 +23,7 @@ Every Blazor Card can have a dedicated area to render a card image that will fil
         <CardSubTitle>Bulgaria, Europe</CardSubTitle>
     </CardHeader>
 
-    <CardImage Src="https://docs.telerik.com/blazor-ui/components/card/images/rila_lakes.jpg"></CardImage>
+    <CardImage Src="https://demos.telerik.com/blazor-ui/images/cards/bg/rila_lakes.jpg"></CardImage>
 
     <CardActions Layout="CardActionsLayout.Stretch">
         <TelerikButton Class="k-flat" Icon="@SvgIcon.HeartOutline" Title="Like"></TelerikButton>
@@ -49,4 +47,4 @@ The CardImage provides the following features:
 
 ## See Also
 
-  * [Live Demo: Card Building Blocks](https://demos.telerik.com/blazor-ui/card/building-blocks)
\ No newline at end of file
+  * [Live Demo: Card Building Blocks](https://demos.telerik.com/blazor-ui/card/building-blocks)
diff --git a/components/card/images/rila_lakes.jpg b/components/card/images/rila_lakes.jpg
deleted file mode 100644
index bbfe974728..0000000000
Binary files a/components/card/images/rila_lakes.jpg and /dev/null differ
diff --git a/components/card/images/rome.jpg b/components/card/images/rome.jpg
deleted file mode 100644
index c3c0efb40a..0000000000
Binary files a/components/card/images/rome.jpg and /dev/null differ
diff --git a/components/card/overview.md b/components/card/overview.md
index 9d266a1e09..9956c09a99 100644
--- a/components/card/overview.md
+++ b/components/card/overview.md
@@ -31,7 +31,7 @@ The below snippet demonstrates the setup of a Card component with all building b
     <CardHeader>
         <CardTitle>Tourism</CardTitle>
     </CardHeader>
-    <CardImage Src="https://docs.telerik.com/blazor-ui/components/card/images/rome.jpg"></CardImage>
+    <CardImage Src="https://demos.telerik.com/blazor-ui/images/cards/places/rome.jpg"></CardImage>
     <CardBody>
         <CardTitle>Rome</CardTitle>
         <CardSubTitle>Capital of Italy</CardSubTitle>