diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index cdee99c..e736e39 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -12,8 +12,8 @@
                         {# <img class="w-36 h-auto" src="images/mycelium_white.png" alt="MYCELIUM Logo" /> #}
                         <a href="/" class="flex">
 
-                            <img id="lightLogo" src="/images/mycelium_white.png" alt="Light Logo" class="logo light w-36 h-auto" style="max-width: none;">
-                            <img id="darkLogo" src="/images/mycelium_dark.png" alt="Dark Logo" class="logo dark w-36 h-auto" style="max-width: none;">
+                            <img id="lightLogo" src="{{ get_url(path='/images/mycelium_white.png') }}" alt="Light Logo" class="logo light w-36 h-auto" style="max-width: none;">
+                            <img id="darkLogo" src="{{ get_url(path='/images/mycelium_dark.png') }}" alt="Dark Logo" class="logo dark w-36 h-auto" style="max-width: none;">
 
                             
                           </a>
diff --git a/templates/shortcodes/cta.html b/templates/shortcodes/cta.html
index 9e7dfba..ba7a5e7 100644
--- a/templates/shortcodes/cta.html
+++ b/templates/shortcodes/cta.html
@@ -20,7 +20,7 @@
         </div>
       </div>
       <div class="relative mt-16 h-80 lg:mt-8">
-        <img class="absolute top-0 left-0 w-[25rem] lg:w-[45rem] max-w-none rounded-2xl ring-1 ring-white/10" src="{{ image_src }}" alt="{{ image_alt }}" width="1824" height="1080">
+        <img class="absolute top-0 left-0 w-[25rem] lg:w-[45rem] max-w-none rounded-2xl ring-1 ring-white/10" src="{{ get_url(path=image_src) }}" alt="{{ image_alt }}" width="1824" height="1080">
       </div>
     </div>
   </div>
diff --git a/templates/shortcodes/feature_card.html b/templates/shortcodes/feature_card.html
index 7a8b30e..e342786 100644
--- a/templates/shortcodes/feature_card.html
+++ b/templates/shortcodes/feature_card.html
@@ -9,7 +9,7 @@
 <div class="card relative shadow rounded-lg p-4 transition-all duration-300">
   {% if icon %}
   <div class="flex items-center justify-center h-12 w-12 rounded-md mb-4">
-    <img src="{{ icon | safe }}" class="">
+    <img src="{{ get_url(path=icon) }}" class="">
   </div>
   {% endif %}
   <h3 class="text-lg font-medium">{{ title }}</h3>
diff --git a/templates/shortcodes/hero.html b/templates/shortcodes/hero.html
index daea42a..090567f 100644
--- a/templates/shortcodes/hero.html
+++ b/templates/shortcodes/hero.html
@@ -28,7 +28,7 @@
     </div>
     </div>
     <div class="relative lg:col-span-5 lg:-mr-8 xl:absolute xl:inset-0 xl:left-1/2 xl:mr-0 ">
-      <img class="lg:mt-10 aspect-1/1 mx-auto w-full sm:w-2/3 md:w-1/2 lg:w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="{{ image_src }}" alt="{{ image_alt }}">
+      <img class="lg:mt-10 aspect-1/1 mx-auto w-full sm:w-2/3 md:w-1/2 lg:w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="{{ get_url(path=image_src) }}" alt="{{ image_alt }}">
     </div>
   </div>
 </div>
diff --git a/templates/shortcodes/hero_bottom_img.html b/templates/shortcodes/hero_bottom_img.html
index b225fe7..d47b13a 100644
--- a/templates/shortcodes/hero_bottom_img.html
+++ b/templates/shortcodes/hero_bottom_img.html
@@ -8,7 +8,7 @@
     </div>
     <div class="relative overflow-hidden pt-2">
       <div class="mx-auto max-w-7xl px-4 lg:px-8 flex items-center justify-center">
-        <img src="{{ image_src }}" alt="{{ image_alt }}"  width="900">
+        <img src="{{ get_url(path=image_src) }}" alt="{{ image_alt }}"  width="900">
       </div>
     </div>
   
diff --git a/templates/shortcodes/hero_features.html b/templates/shortcodes/hero_features.html
index 1057ac8..01124cd 100644
--- a/templates/shortcodes/hero_features.html
+++ b/templates/shortcodes/hero_features.html
@@ -9,7 +9,7 @@
           </div>
         <div class="mx-auto max-w-7xl lg:flex lg:items-center lg:gap-x-15 lg:px-8">
           <div class="my-6 lg:my-0 lg:flex lg:justify-center lg:w-1/2">
-            <img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}" 
+            <img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ get_url(path=image_src) }}"
                 alt="{{ image_alt }}">
         </div>
             <div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto pt-4">
diff --git a/templates/shortcodes/text_right_img.html b/templates/shortcodes/text_right_img.html
index dd59f30..3651348 100644
--- a/templates/shortcodes/text_right_img.html
+++ b/templates/shortcodes/text_right_img.html
@@ -13,7 +13,7 @@
 
         <div class="mx-auto mt-10 lg:mt-0  lg:flex lg:items-center lg:gap-x-15 ">
              <div class="mt-6 lg:mt-0 lg:flex lg:justify-center lg:w-1/2">
-                <img class="w-full max-w-md h-auto object-cover rounded-xl" src="{{ image_src }}" 
+                <img class="w-full max-w-md h-auto object-cover rounded-xl" src="{{ get_url(path=image_src) }}"
                     alt="{{ image_alt }}">
             </div>
             <div class="mx-auto max-w-xl lg:mx-6 lg:flex-auto">