diff --git a/src/PoetryShowcase.tsx b/src/PoetryShowcase.tsx
index a1d061f..dd522db 100644
--- a/src/PoetryShowcase.tsx
+++ b/src/PoetryShowcase.tsx
@@ -2,12 +2,14 @@ import React from "react";
 
 import "./PoetryShowcase.scss"
 
+import poetry_1 from "./poetry/poetry_1.png"
+import poetry_2 from "./poetry/poetry_2.png"
+import poetry_3 from "./poetry/poetry_3.png"
 const PoetryShowcase: React.FC = () => {
   const poetryImages = [
-    "./poetry/poetry_1.png",
-    "./poetry/Girl I Met.png",
-    "./poetry/Beautiful.png",
-    "./poetry/20240711_084039.jpg",
+    poetry_1,
+    poetry_2,
+    poetry_3,
   ];
 
   return (
diff --git a/src/poetry/Girl I Met.png b/src/poetry/poetry_2.png
similarity index 100%
rename from src/poetry/Girl I Met.png
rename to src/poetry/poetry_2.png
diff --git a/src/poetry/Beautiful.png b/src/poetry/poetry_3.png
similarity index 100%
rename from src/poetry/Beautiful.png
rename to src/poetry/poetry_3.png