diff --git a/astro/src/components/Content.astro b/astro/src/components/Content.astro
index d54e1a5..14b3f46 100644
--- a/astro/src/components/Content.astro
+++ b/astro/src/components/Content.astro
@@ -1,6 +1,7 @@
 ---
 import { Image } from "@astrojs/image/components";
 import { getContentArray } from "../utils/helpers";
+import { getImageSrc } from "../utils/payload";
 const { content } = Astro.props;
 const contentArray = getContentArray(content);
 ---
@@ -13,7 +14,7 @@ const contentArray = getContentArray(content);
       } else {
         return (
           <Image
-            src={`http://payload:3001/media/${value.src}`}
+            src={getImageSrc(value.src)}
             width={value.width}
             height={value.height}
             format="webp"
diff --git a/astro/src/utils/payload.ts b/astro/src/utils/payload.ts
index 6a80c99..ac0d4d4 100644
--- a/astro/src/utils/payload.ts
+++ b/astro/src/utils/payload.ts
@@ -9,3 +9,5 @@ export const getPosts = async () =>
 
 export const getPost = async (id: string) =>
   (await (await fetch(`${url}/api/posts/${id}`)).json()) as Post;
+
+export const getImageSrc = (src: string) => `${url}/media/${src}}`;