diff --git a/packages/components/card/stories/card.stories.tsx b/packages/components/card/stories/card.stories.tsx
index 94219349a3..09a501bb3f 100644
--- a/packages/components/card/stories/card.stories.tsx
+++ b/packages/components/card/stories/card.stories.tsx
@@ -137,7 +137,7 @@ const WithAbsImageHeaderTemplate = (args: CardProps) => (
       alt="Card background"
       className="w-full h-[440px] object-cover"
       height={440}
-      src={require("./assets/apple-event.jpeg")}
+      src={"/images/assets/apple-event.jpeg"}
       width={330}
     />
   </Card>
@@ -159,7 +159,7 @@ const WithAbsImgHeaderFooterTemplate = (args: CardProps) => (
       alt="Card background"
       className="w-full h-[440px] pt-10 object-contain"
       height={440}
-      src={require("./assets/homepod.jpeg")}
+      src={"/images/assets/homepod.jpeg"}
       width={300}
     />
     <CardFooter className="justify-between absolute bottom-0 z-10">
@@ -244,7 +244,7 @@ const CoverImgTemplate = (args: CardProps) => (
           <img
             alt="Breathing app icon"
             className="rounded-full w-10 h-11 bg-black"
-            src={require("./assets/breathing-app-icon.jpeg")}
+            src={"/images/assets/breathing-app-icon.jpeg"}
           />
           <div className="flex flex-col">
             <p className="text-xs text-white/60">Breathing App</p>
@@ -268,7 +268,7 @@ const CenterImgTemplate = (args: CardProps) => (
       <Image
         isBlurred
         alt="Card background"
-        src={require("./assets/local-image-1.jpeg")}
+        src={"/images/assets/local-image-1.jpeg"}
         width={300}
       />
     </CardBody>
@@ -352,39 +352,39 @@ const CenterImgWithHeaderTemplate = (args: CardProps) => {
   const list = [
     {
       title: "Mac",
-      img: require("./assets/mac.png"),
+      img: "/images/assets/mac.png",
     },
     {
       title: "iPhone",
-      img: require("./assets/iphone.png"),
+      img: "/images/assets/iphone.png",
     },
     {
       title: "iPad",
-      img: require("./assets/ipad.png"),
+      img: "/images/assets/ipad.png",
     },
     {
       title: "Apple Watch",
-      img: require("./assets/apple-watch.png"),
+      img: "/images/assets/apple-watch.png",
     },
     {
       title: "AirPods",
-      img: require("./assets/airpods.png"),
+      img: "/images/assets/airpods.png",
     },
     {
       title: "AirTag",
-      img: require("./assets/airtag.png"),
+      img: "/images/assets/airtag.png",
     },
     {
       title: "Apple TV",
-      img: require("./assets/appletv.png"),
+      img: "/images/assets/appletv.png",
     },
     {
       title: "HomePod mini",
-      img: require("./assets/homepod-mini.png"),
+      img: "/images/assets/homepod-mini.png",
     },
     {
       title: "Accessories",
-      img: require("./assets/accessories.png"),
+      img: "/images/assets/accessories.png",
     },
   ];
 
diff --git a/packages/storybook/public/images/assets/accessories.png b/packages/storybook/public/images/assets/accessories.png
new file mode 100644
index 0000000000..4e16471181
Binary files /dev/null and b/packages/storybook/public/images/assets/accessories.png differ
diff --git a/packages/storybook/public/images/assets/airpods.jpeg b/packages/storybook/public/images/assets/airpods.jpeg
new file mode 100644
index 0000000000..e3709b5ae8
Binary files /dev/null and b/packages/storybook/public/images/assets/airpods.jpeg differ
diff --git a/packages/storybook/public/images/assets/airpods.png b/packages/storybook/public/images/assets/airpods.png
new file mode 100644
index 0000000000..313cc6ccc7
Binary files /dev/null and b/packages/storybook/public/images/assets/airpods.png differ
diff --git a/packages/storybook/public/images/assets/airtag.png b/packages/storybook/public/images/assets/airtag.png
new file mode 100644
index 0000000000..1fe5b9c0f2
Binary files /dev/null and b/packages/storybook/public/images/assets/airtag.png differ
diff --git a/packages/storybook/public/images/assets/apple-event.jpeg b/packages/storybook/public/images/assets/apple-event.jpeg
new file mode 100644
index 0000000000..355513cdbe
Binary files /dev/null and b/packages/storybook/public/images/assets/apple-event.jpeg differ
diff --git a/packages/storybook/public/images/assets/apple-watch.png b/packages/storybook/public/images/assets/apple-watch.png
new file mode 100644
index 0000000000..a483686781
Binary files /dev/null and b/packages/storybook/public/images/assets/apple-watch.png differ
diff --git a/packages/storybook/public/images/assets/appletv.png b/packages/storybook/public/images/assets/appletv.png
new file mode 100644
index 0000000000..38103ebd58
Binary files /dev/null and b/packages/storybook/public/images/assets/appletv.png differ
diff --git a/packages/storybook/public/images/assets/bicycle.jpeg b/packages/storybook/public/images/assets/bicycle.jpeg
new file mode 100644
index 0000000000..08d740b806
Binary files /dev/null and b/packages/storybook/public/images/assets/bicycle.jpeg differ
diff --git a/packages/storybook/public/images/assets/breathing-app-icon.jpeg b/packages/storybook/public/images/assets/breathing-app-icon.jpeg
new file mode 100644
index 0000000000..ee5c8e2f4f
Binary files /dev/null and b/packages/storybook/public/images/assets/breathing-app-icon.jpeg differ
diff --git a/packages/storybook/public/images/assets/cup.jpeg b/packages/storybook/public/images/assets/cup.jpeg
new file mode 100644
index 0000000000..35352efc19
Binary files /dev/null and b/packages/storybook/public/images/assets/cup.jpeg differ
diff --git a/packages/storybook/public/images/assets/headphones.jpg b/packages/storybook/public/images/assets/headphones.jpg
new file mode 100644
index 0000000000..ea09f6c806
Binary files /dev/null and b/packages/storybook/public/images/assets/headphones.jpg differ
diff --git a/packages/storybook/public/images/assets/homepod-mini.png b/packages/storybook/public/images/assets/homepod-mini.png
new file mode 100644
index 0000000000..6793bf79ac
Binary files /dev/null and b/packages/storybook/public/images/assets/homepod-mini.png differ
diff --git a/packages/storybook/public/images/assets/homepod.jpeg b/packages/storybook/public/images/assets/homepod.jpeg
new file mode 100644
index 0000000000..aa98fa2a79
Binary files /dev/null and b/packages/storybook/public/images/assets/homepod.jpeg differ
diff --git a/packages/storybook/public/images/assets/ipad.png b/packages/storybook/public/images/assets/ipad.png
new file mode 100644
index 0000000000..969469b3b4
Binary files /dev/null and b/packages/storybook/public/images/assets/ipad.png differ
diff --git a/packages/storybook/public/images/assets/iphone.png b/packages/storybook/public/images/assets/iphone.png
new file mode 100644
index 0000000000..44880de363
Binary files /dev/null and b/packages/storybook/public/images/assets/iphone.png differ
diff --git a/packages/storybook/public/images/assets/items.jpeg b/packages/storybook/public/images/assets/items.jpeg
new file mode 100644
index 0000000000..590d3f7dc3
Binary files /dev/null and b/packages/storybook/public/images/assets/items.jpeg differ
diff --git a/packages/storybook/public/images/assets/local-image-1.jpeg b/packages/storybook/public/images/assets/local-image-1.jpeg
new file mode 100644
index 0000000000..1d3b2a145f
Binary files /dev/null and b/packages/storybook/public/images/assets/local-image-1.jpeg differ
diff --git a/packages/storybook/public/images/assets/mac.png b/packages/storybook/public/images/assets/mac.png
new file mode 100644
index 0000000000..fb3f119f60
Binary files /dev/null and b/packages/storybook/public/images/assets/mac.png differ
diff --git a/packages/storybook/public/images/assets/relaxing.jpeg b/packages/storybook/public/images/assets/relaxing.jpeg
new file mode 100644
index 0000000000..5146b62d96
Binary files /dev/null and b/packages/storybook/public/images/assets/relaxing.jpeg differ
diff --git a/packages/storybook/public/images/assets/watch.jpeg b/packages/storybook/public/images/assets/watch.jpeg
new file mode 100644
index 0000000000..b12d12ebda
Binary files /dev/null and b/packages/storybook/public/images/assets/watch.jpeg differ