fix images

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>

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>

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}
 					/>