diff --git a/docs/source/docs/examples/cards.blade.md b/docs/source/docs/examples/cards.blade.md
index b622403a02fa..949ee22ea855 100644
--- a/docs/source/docs/examples/cards.blade.md
+++ b/docs/source/docs/examples/cards.blade.md
@@ -23,7 +23,7 @@ title: "Cards"
 
 @component('_partials.code-sample', ['class' => 'p-10 flex justify-center'])
 <div class="max-w-sm rounded overflow-hidden shadow-lg">
-    <img class="w-full" src="/img/card-top.jpg">
+    <img class="w-full" src="{{ $page->baseUrl }}/img/card-top.jpg">
     <div class="px-6 py-4">
         <div class="font-bold text-xl mb-2">The Coldest Sunset</div>
         <p class="text-slate text-base">
@@ -43,7 +43,7 @@ title: "Cards"
 @component('_partials.code-sample', ['class' => 'p-10 flex justify-center'])
 <div class="max-w-md flex">
     <div class="rounded rounded-l w-128 text-center overflow-hidden">
-        <img class="block h-64" src="/img/card-left.jpg">
+        <img class="block h-64" src="{{ $page->baseUrl }}/img/card-left.jpg">
     </div>
     <div class="border-t border-r border-b border-smoke rounded rounded-r p-4 flex flex-col justify-between">
         <div>