diff --git a/src/lib/assets/me (Edited).jpg b/src/lib/assets/me (Edited).jpg
new file mode 100644
index 0000000..2655b65
Binary files /dev/null and b/src/lib/assets/me (Edited).jpg differ
diff --git a/src/lib/assets/me.jpg b/src/lib/assets/me.jpg
new file mode 100644
index 0000000..dbd3252
Binary files /dev/null and b/src/lib/assets/me.jpg differ
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 50e1939..ff033df 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
+	import Me from '$lib/assets/me (Edited).jpg';
 	import Hero from '$lib/components/Hero.svelte';
 	import { activities, description, name, titles } from '$lib/constants/about';
 </script>
 
 <div class="grid grid-cols-1 gap-8 px-6 md:grid-cols-2 md:px-12">
 	<div class="col-span-full lg:py-36">
-		<Hero photo="/me.jpeg" {titles} {name} {description} />
+		<Hero photo={Me} {titles} {name} {description} />
 	</div>
 	<div class="col-span-full">
 		<h2 class="border-primary w-fit border-b text-2xl font-light">What I Do</h2>