diff --git a/src/assets/images/img_cosmos.png b/public/img_cosmos.png
similarity index 100%
rename from src/assets/images/img_cosmos.png
rename to public/img_cosmos.png
diff --git a/src/assets/images/img_gateio.png b/public/img_gateio.png
similarity index 100%
rename from src/assets/images/img_gateio.png
rename to public/img_gateio.png
diff --git a/src/assets/images/img_nft.png b/public/img_nft.png
similarity index 100%
rename from src/assets/images/img_nft.png
rename to public/img_nft.png
diff --git a/src/sections/blogs/components/Card/index.tsx b/src/sections/blogs/components/Card/index.tsx
index b965e7c..72fbad7 100644
--- a/src/sections/blogs/components/Card/index.tsx
+++ b/src/sections/blogs/components/Card/index.tsx
@@ -1,8 +1,8 @@
-import Image, { StaticImageData } from "next/image";
+import Image from "next/image";
 
 type Card = {
     key : string
-    img: StaticImageData,
+    img: string,
     title: string,
     description: string,
 }
@@ -15,7 +15,7 @@ function Card({ data }: CardProps) {
     const { img, title, description, key } = data
     return (
         <div className="flex flex-col w-[323px] min-h-[335px] xl:min-h-[474px] xl:w-[540px] items-start rounded-2xl border border-solid border-[rgba(254,119,108,0.12)] bg-[#181614]">
-            <Image className="rounded-t-2xl h-[167px] object-cover xl:h-[298px]" src={img} alt={key}></Image>
+            <Image className="rounded-t-2xl h-[167px] object-cover xl:h-[298px]" width={539} height={303} src={img} alt={key}></Image>
             <div className="flex flex-col gap-2 p-6 xl:px-10 xl:pt-8 xl:pb-12">
                 <span className="bg-brand-linear-gradient bg-clip-text text-transparent font-normal leading-6">{title}</span>
                 <span className="text-white font-ppmori-semibold text-[22px] font-semibold leading-8">{description}</span>
diff --git a/src/sections/blogs/components/Slider/index.tsx b/src/sections/blogs/components/Slider/index.tsx
index c0e2b80..96225f9 100644
--- a/src/sections/blogs/components/Slider/index.tsx
+++ b/src/sections/blogs/components/Slider/index.tsx
@@ -14,20 +14,20 @@ import useWindowSize from '../../../../hooks/useWindowSize';
 import Card from '../Card';
 
 const blogsData = [{
-    key: "1",
-    img: img_cosmos,
+    key: "cosmos",
+    img: "/img_cosmos.png",
     title: "Announcement",
     description: "Monsterra, the first interchain GameFi on Cosmos via Aura Network"
 },
 {
-    key: "2",
-    img: img_nft,
+    key: "nft",
+    img: '/img_nft.png',
     title: "Announcement",
     description: "Monsterra, the first interchain GameFi on Cosmos via Aura Network"
 },
 {
-    key: "3",
-    img: img_gateio,
+    key: "gateio",
+    img: '/img_gateio.png',
     title: "Announcement",
     description: "Monsterra, the first interchain GameFi on Cosmos via Aura Network"
 }]