refactored for /app root folder in Docker container.

client/src/App.jsx

@@ -18,7 +18,7 @@ import "./main.css";
 const App = ({ projectData, skillData }) => {
   const slides = [
     <Home
-      image="/images/profile.jpg"
+      image="/app/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: "/images/one-ai-cropped.png",
+    image: "/app/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: "/images/snake.gif",
+    image: "/app/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: "/images/battery-mon.png",
+    image: "/app/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: "/images/dnd.png",
+    image: "/app/images/dnd.png",
     imageGallery: null,
     url: "https://github.com/quaxlyqueen/dnd",
   },
@@ -80,7 +80,7 @@ const projectData = [
       "button hover effects",
       "keyboard input",
     ],
-    image: "/images/calculator.gif",
+    image: "/app/images/calculator.gif",
     imageGallery: null,
     url: "https://github.com/quaxlyqueen/calculator",
   },