finally fixed, the public/images folder had to copied to a particular location

client/Dockerfile

@@ -12,12 +12,13 @@ COPY package.json /app
 RUN npm install
 
 # Copy the rest of the React app
-COPY public/images/. /app/images/
 COPY src/. /app/src/
 
 # Build the React app for production
 RUN npm run build
 
+COPY public/images/. /app/dist/images/
+
 # Expose the port your React app will run on (usually 3000)
 EXPOSE 3000
 

client/src/App.jsx

@@ -18,7 +18,7 @@ import "./main.css";
 const App = ({ projectData, skillData }) => {
   const slides = [
     <Home
-      image="/app/images/profile.jpg"
+      image="/images/profile.jpg"
       skills={skillData}
     />,
     <Projects cardData={projectData} />,

client/src/main.jsx

@@ -25,7 +25,7 @@ const projectData = [
       "Base64 encoding for file uploads to the server",
       "Docker container for isolation and security",
     ],
-    image: "/app/images/one-ai-cropped.png",
+    image: "/images/one-ai-cropped.png",
     imageGallery: null,
     url: "https://github.com/quaxlyqueen/one-ai",
   },
@@ -39,7 +39,7 @@ const projectData = [
       "keyboard input to move the snake",
       "ASCII art for the menu and game over state",
     ],
-    image: "/app/images/snake.gif",
+    image: "/images/snake.gif",
     imageGallery: null,
     url: "https://github.com/quaxlyqueen/2410-Snake",
   },
@@ -54,7 +54,7 @@ const projectData = [
       "script to install as a SystemD service",
       "basic Python GUI in TKinter to provide graph of data",
     ],
-    image: "/app/images/battery-mon.png",
+    image: "/images/battery-mon.png",
     imageGallery: null,
     url: "https://github.com/quaxlyqueen/battery-mon",
   },
@@ -67,7 +67,7 @@ const projectData = [
       "global styling and custom font import",
       "button hover effects",
     ],
-    image: "/app/images/dnd.png",
+    image: "/images/dnd.png",
     imageGallery: null,
     url: "https://github.com/quaxlyqueen/dnd",
   },
@@ -80,7 +80,7 @@ const projectData = [
       "button hover effects",
       "keyboard input",
     ],
-    image: "/app/images/calculator.gif",
+    image: "/images/calculator.gif",
     imageGallery: null,
     url: "https://github.com/quaxlyqueen/calculator",
   },