diff --git a/docs/app/views/examples/components/media_tile/_preview.html.erb b/docs/app/views/examples/components/media_tile/_preview.html.erb
index dc7e7a48c5..f947e78966 100644
--- a/docs/app/views/examples/components/media_tile/_preview.html.erb
+++ b/docs/app/views/examples/components/media_tile/_preview.html.erb
@@ -32,7 +32,7 @@ panels = [
     caption: %(
       <p>Vivamus dictum rutrum dui, nec placerat ante</p>
     ),
-    media: %(<img src="/assets/card-placeholder-lg.png" alt="Image of Product Abra" />),
+    media: %(#{image_tag("card-placeholder-lg.png", alt: "media tile image placeholder")}),
     title: "Product Abra",
   },
   {
@@ -44,7 +44,7 @@ panels = [
     caption: %(
       <p>Suspendisse eu tellus quis arcu sagittis semper</p>
     ),
-    media: %(<img src="/assets/card-placeholder-lg.png" alt="Image of Product Cadabra" />),
+    media: %(#{image_tag("card-placeholder-lg.png", alt: "media tile image placeholder")}),
     title: "Product Cadabra",
   },
   {
@@ -56,7 +56,7 @@ panels = [
     caption: %(
       <p>Maecenas vitae leo eu tellus efficitur viverra sit amet ut tortor vestibulum</p>
     ),
-    media: %(<img src="/assets/card-placeholder-lg.png" alt="Image of Product Jimminycricket" />),
+    media: %(#{image_tag("card-placeholder-lg.png", alt: "media tile image placeholder")}),
     title: "Product Jimminycricket",
   },
 ]
diff --git a/docs/app/views/examples/components/upload_card/_preview.html.erb b/docs/app/views/examples/components/upload_card/_preview.html.erb
index 6070416a89..549f617a8e 100644
--- a/docs/app/views/examples/components/upload_card/_preview.html.erb
+++ b/docs/app/views/examples/components/upload_card/_preview.html.erb
@@ -33,7 +33,7 @@
   ],
   file_selected: true,
   accepted_file_types: ["image/jpg"],
-  selection_preview: "https://placekitten.com/360",
+  selection_preview: "hero-workshop-placeholder.jpg",
   selection_label: "Replace file",
   id: "upload-card-selected",
 } do %>
@@ -53,7 +53,7 @@
     {name: "my-image-file.jpg"},
   ],
   file_selected: true,
-  selection_preview: "https://placekitten.com/360",
+  selection_preview: "hero-workshop-placeholder.jpg",
   stack_layout: true,
   id: "upload-card-stack",
   selection_label: "Edit file",
@@ -72,11 +72,11 @@
 <p><strong>NOTE:</strong> a file input field and label are <em>included by default in the base component</em>, as seen in the examples above. When applying a custom file input with `sage_upload_card_actions`, set <code>custom_file_input_field</code> to <code>true</code> to remove these defaults.</p>
 <%= sage_component SageUploadCard, {
   accepted_files: [
-    {name: "fluffy-kitteh.jpg"},
+    {name: "my-image-file.jpg"},
   ],
   custom_file_input_field: true,
   file_selected: true,
-  selection_preview: "https://placekitten.com/360",
+  selection_preview: "hero-workshop-placeholder.jpg",
   id: "upload-card-dropdown"
 } do %>
   <% content_for :sage_upload_card_actions do %>