diff --git a/src/lib/images/hero.webp b/src/lib/images/hero.webp
new file mode 100644
index 0000000..33ab9e6
Binary files /dev/null and b/src/lib/images/hero.webp differ
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b90f4eb..75970da 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -5,6 +5,7 @@
 	import rack from '$lib/images/rack.webp';
 	import portfolio from '$lib/images/portfolio.png';
 	import localWeather from '$lib/images/localWeather.png';
+	import hero from '$lib/images/hero.webp';
 
 	const images = [
 		{
@@ -15,7 +16,14 @@
 </script>
 
 <div class="text-center text-xl">
-	<Heading tag="h1" class="my-4">father by day <Mark>developer</Mark> by night</Heading>
+	<div class="flex my-4 gap-4">
+		<Heading tag="h1" class="md:text-right">father by day <Mark>developer</Mark> by night</Heading>
+		<img
+			src={hero}
+			alt=""
+			class="hidden md:block rounded-xl max-h-36 w-auto shadow-inner border border-slate-700"
+		/>
+	</div>
 	<h2 class="py-2">
 		welcome to my space. For now it is used to document my learnings and share my projects. It might
 		expand over time.