Merge dimodi-patch-1-card-3322 into production (#3323)

* docs(Card): Use remote images instead of local docs images

* Update image.md

* Replace docs image with demo image

* Delete local images

---------

Co-authored-by: Dimo Dimov <[email protected]>

Author: github-actions[bot]

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>
 ````

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)
+  * [Live Demo: Card Building Blocks](https://demos.telerik.com/blazor-ui/card/building-blocks)

components/card/images/rila_lakes.jpg

@@ -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>