diff --git a/layouts/shortcodes/audio.html b/layouts/shortcodes/audio.html
index 8cadc0ab..b7fba56f 100644
--- a/layouts/shortcodes/audio.html
+++ b/layouts/shortcodes/audio.html
@@ -1,8 +1,8 @@
 <div class="container">
     <audio controls style="width: 100%; margin-bottom: 20px">
-        {{ with .Get "wav" }}<source type="audio/wav" src="{{ . }}">{{ end }}
-        {{ with .Get "ogg" }}<source type="audio/ogg" src="{{ . }}">{{ end }}
-        {{ with .Get "mp3" }}<source type="audio/mpeg" src="{{ . }}">{{ end }}
+        {{ with .Get "wav" }}<source type="audio/wav" src="{{ . | relURL }}">{{ end }}
+        {{ with .Get "ogg" }}<source type="audio/ogg" src="{{ . | relURL }}">{{ end }}
+        {{ with .Get "mp3" }}<source type="audio/mpeg" src="{{ . | relURL }}">{{ end }}
         Your browser does not support the audio element.
     </audio>
 </div>
\ No newline at end of file
diff --git a/layouts/shortcodes/main_large_card.html b/layouts/shortcodes/main_large_card.html
index 751247ff..9249ff67 100644
--- a/layouts/shortcodes/main_large_card.html
+++ b/layouts/shortcodes/main_large_card.html
@@ -1,6 +1,6 @@
 <a
     class="hextra-card hx-group hx-flex hx-flex-col hx-justify-start hx-overflow-hidden hx-rounded-3xl hx-border hx-border-gray-200 hx-text-current hx-no-underline dark:hx-shadow-none hover:hx-shadow-gray-100 dark:hover:hx-shadow-none hx-shadow-gray-100 active:hx-shadow-sm active:hx-shadow-gray-200 hx-transition-all hx-duration-200 hover:hx-border-gray-300 hx-bg-gray-100 hx-shadow dark:hx-border-neutral-700 dark:hx-bg-neutral-800 dark:hx-text-gray-50 hover:hx-shadow-lg dark:hover:hx-border-neutral-500 dark:hover:hx-bg-neutral-700"><img
-        alt='{{ .Get "title" }}' class="hextra-card-image" loading="lazy" decoding="async" src='{{ .Get "image" }}' />
+        alt='{{ .Get "title" }}' class="hextra-card-image" loading="lazy" decoding="async" src='{{ .Get "image" | relURL }}' />
     <span
         class="hextra-card-icon hx-flex hx-text-2xl hx-font-semibold hx-items-start hx-gap-2 hx-pt-6 hx-px-6 hx-text-gray-700 hover:hx-text-gray-900 dark:hx-text-neutral-200 dark:hover:hx-text-neutral-50">{{ .Get "title" }}</span>
     <div