diff --git a/src/components/About.astro b/src/components/About.astro
index 2d5bc2b..50b3036 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -41,7 +41,7 @@ import Divider from "./Divider.astro"
 					rel="noreferrer"
 				>
 					<img
-						src="images/ai-900.png"
+						src="/images/ai-900.png"
 						alt="Azure AI Fundamentals Badge"
 					/>
 				</a>
@@ -51,7 +51,7 @@ import Divider from "./Divider.astro"
 					rel="noreferrer"
 				>
 					<img
-						src="images/dp-900.png"
+						src="/images/dp-900.png"
 						alt="Azure Data Fundamentals Badge"
 					/>
 				</a>
@@ -61,7 +61,7 @@ import Divider from "./Divider.astro"
 					rel="noreferrer"
 				>
 					<img
-						src="images/az-900.png"
+						src="/images/az-900.png"
 						alt="Azure Fundamentals Badge"
 					/>
 				</a>
diff --git a/src/components/Portfolio.astro b/src/components/Portfolio.astro
index f6c5576..d7b2464 100644
--- a/src/components/Portfolio.astro
+++ b/src/components/Portfolio.astro
@@ -12,7 +12,7 @@ import Divider from "./Divider.astro"
 			projects.map((project, index) => (
 				<a href={`/projects/${index}`}>
 					<img
-						src={`images/${project.thumbImage}`}
+						src={`/images/${project.thumbImage}`}
 						alt={project.name}
 					/>
 					<h3 class={styles.projectName}>{project.name}</h3>
diff --git a/src/pages/projects/[id].astro b/src/pages/projects/[id].astro
index e193c34..b47633d 100644
--- a/src/pages/projects/[id].astro
+++ b/src/pages/projects/[id].astro
@@ -63,7 +63,7 @@ const project = projects[id]
 				</article>
 				<article class={styles.image}>
 					<img
-						src={`images/${project.computerImages[0]}`}
+						src={`/images/${project.computerImages[0]}`}
 						alt={`Image of ${project.name}`}
 						class={styles.screenshot}
 					/>