diff --git a/images/background-image.jpg b/images/background-image.jpg
new file mode 100644
index 0000000..0166cbf
Binary files /dev/null and b/images/background-image.jpg differ
diff --git a/images/profile-picture.webp b/images/profile-picture.webp
new file mode 100644
index 0000000..80efc09
Binary files /dev/null and b/images/profile-picture.webp differ
diff --git a/index.html b/index.html
index aeab678..9b04cc0 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
 
 </head>
 
-<body class="font-sans antialiased text-gray-900 leading-normal tracking-wider bg-cover" style="background-image:url('https://source.unsplash.com/1L71sPT5XKc');">
+<body class="font-sans antialiased text-gray-900 leading-normal tracking-wider bg-cover" style="background-image:url('images/background-image.jpg');">
 
 
 
@@ -30,7 +30,7 @@
 
 		<div class="p-4 md:p-12 text-center lg:text-left">
 			<!-- Image for mobile view-->
-			<div class="block lg:hidden rounded-full shadow-xl mx-auto -mt-16 h-48 w-48 bg-cover bg-center" style="background-image: url('https://source.unsplash.com/MP0IUfwrn0A')"></div>
+			<div class="block lg:hidden rounded-full shadow-xl mx-auto -mt-16 h-48 w-48 bg-cover bg-center" style="background-image: url('images/profile-picture.webp')"></div>
 			
 			<h1 class="text-3xl font-bold pt-8 lg:pt-0">Your Name</h1>
 			<div class="mx-auto lg:mx-0 w-4/5 pt-3 border-b-2 border-green-500 opacity-25"></div>
@@ -63,7 +63,7 @@ <h1 class="text-3xl font-bold pt-8 lg:pt-0">Your Name</h1>
 	<!--Img Col-->
 	<div class="w-full lg:w-2/5">
 		<!-- Big profile image for side bar (desktop) -->
-		<img src="https://source.unsplash.com/MP0IUfwrn0A" class="rounded-none lg:rounded-lg shadow-2xl hidden lg:block">
+		<img src="images/profile-picture.webp" class="rounded-none lg:rounded-lg shadow-2xl hidden lg:block">
 		<!-- Image from: http://unsplash.com/photos/MP0IUfwrn0A -->
 		
 	</div>
