diff --git a/frontend/components/global/BlogPost.vue b/frontend/components/global/BlogPost.vue
index 7c43a15..acc4f26 100644
--- a/frontend/components/global/BlogPost.vue
+++ b/frontend/components/global/BlogPost.vue
@@ -10,6 +10,7 @@ type Props = {
     description: string;
     link: string;
     variant?: "sm" | "lg";
+    image: string,
 }
 
 // props
@@ -45,7 +46,7 @@ const {} = toRefs(props);
             </Tag>
 
             <img
-                src="/img/hero-bg.jpg"
+                :src="image"
                 class="absolute size-full object-cover z-10"
                 alt=""
             />
@@ -104,7 +105,7 @@ const {} = toRefs(props);
 
         <img
             v-if="variant === 'lg'"
-            src="/img/hero-bg.jpg"
+            :src="image"
             class="absolute size-full object-cover z-10"
             alt=""
         />
diff --git a/frontend/components/home/LatestStories.vue b/frontend/components/home/LatestStories.vue
index a9df01b..ef8c72c 100644
--- a/frontend/components/home/LatestStories.vue
+++ b/frontend/components/home/LatestStories.vue
@@ -24,6 +24,7 @@ const {} = toRefs(props);
         <div class="flex gap-12">
             <div class="flex-1 flex flex-col gap-12">
                 <BlogPost
+                    image="/img/blog-1.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"
@@ -32,6 +33,7 @@ const {} = toRefs(props);
                     tag="asdsa"
                 />
                 <BlogPost
+                    image="/img/blog-2.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"
@@ -42,6 +44,7 @@ const {} = toRefs(props);
             </div>
             <div class="flex-[0.8] flex flex-col">
                 <BlogPost
+                    image="/img/blog-3.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"
@@ -51,6 +54,7 @@ const {} = toRefs(props);
                     variant="sm"
                 />
                 <BlogPost
+                    image="/img/blog-4.jpeg"
                     description="aaasd"
                     title="asd"
                     :comments="2"
diff --git a/frontend/public/img/blog-1.jpeg b/frontend/public/img/blog-1.jpeg
new file mode 100644
index 0000000..8e3cab9
Binary files /dev/null and b/frontend/public/img/blog-1.jpeg differ
diff --git a/frontend/public/img/blog-2.jpeg b/frontend/public/img/blog-2.jpeg
new file mode 100644
index 0000000..1639cae
Binary files /dev/null and b/frontend/public/img/blog-2.jpeg differ
diff --git a/frontend/public/img/blog-3.jpeg b/frontend/public/img/blog-3.jpeg
new file mode 100644
index 0000000..b03383b
Binary files /dev/null and b/frontend/public/img/blog-3.jpeg differ
diff --git a/frontend/public/img/blog-4.jpeg b/frontend/public/img/blog-4.jpeg
new file mode 100644
index 0000000..647ce86
Binary files /dev/null and b/frontend/public/img/blog-4.jpeg differ