diff --git a/docs/components/card.md b/docs/components/card.md
index dd4d8f6..5999ce7 100644
--- a/docs/components/card.md
+++ b/docs/components/card.md
@@ -14,7 +14,7 @@ A card is a grouping of elements, usually starting with a heading, joined by an
             <a href="">Call to Action</a>
         </div>
         <div class="card-image">
-            <img src="/img/card-image.jpg" alt="Sunrise Peyto lake Banff national park Canadian Rockies">
+            <img src="{{ '/img/card-image.jpg' | url }}" alt="Sunrise Peyto lake Banff national park Canadian Rockies">
         </div>
     </div>
 </div>