diff --git a/img/1.jpg b/img/1.jpg
new file mode 100644
index 0000000..fb0a388
Binary files /dev/null and b/img/1.jpg differ
diff --git a/img/1.png b/img/1.png
deleted file mode 100644
index 9f9329a..0000000
Binary files a/img/1.png and /dev/null differ
diff --git a/img/2.jpg b/img/2.jpg
new file mode 100644
index 0000000..fb0a388
Binary files /dev/null and b/img/2.jpg differ
diff --git a/img/2.png b/img/2.png
deleted file mode 100644
index 491826f..0000000
Binary files a/img/2.png and /dev/null differ
diff --git a/img/thumbnails/1.jpg b/img/thumbnails/1.jpg
new file mode 100644
index 0000000..f6581d6
Binary files /dev/null and b/img/thumbnails/1.jpg differ
diff --git a/img/thumbnails/2.jpg b/img/thumbnails/2.jpg
new file mode 100644
index 0000000..b577b10
Binary files /dev/null and b/img/thumbnails/2.jpg differ
diff --git a/img/thumbnails/3.jpg b/img/thumbnails/3.jpg
new file mode 100644
index 0000000..d424edb
Binary files /dev/null and b/img/thumbnails/3.jpg differ
diff --git a/img/thumbnails/4.jpg b/img/thumbnails/4.jpg
new file mode 100644
index 0000000..961167c
Binary files /dev/null and b/img/thumbnails/4.jpg differ
diff --git a/img/thumbnails/5.jpg b/img/thumbnails/5.jpg
new file mode 100644
index 0000000..f4305bb
Binary files /dev/null and b/img/thumbnails/5.jpg differ
diff --git a/img/thumbnails/6.jpg b/img/thumbnails/6.jpg
new file mode 100644
index 0000000..25bf861
Binary files /dev/null and b/img/thumbnails/6.jpg differ
diff --git a/index.html b/index.html
index 120bc19..83ac4d0 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
 			#about {
 				padding: 10%;
 				padding-left: 60%;
-				background: url(img/1.png);
+				background: url(img/1.jpg);
                 background-repeat: no-repeat;
 				color: #fff;	
 				background-size: 120% auto;
@@ -39,7 +39,7 @@
 			#contact {
                 padding: 10%;
                 padding-right: 60%;
-                background: url(img/2.png);
+                background: url(img/2.jpg);
                 background-size: cover;
                 background-repeat: no-repeat;
 				background-position: 0 50%;
@@ -124,12 +124,12 @@
 			</div>
 		</div>
 		<div id="screenshots">
-			<img src="img/screenshots/1.png" class="left"></img>
-			<img src="img/screenshots/2.png" class="right"></img>
-			<img src="img/screenshots/3.png" class="left"></img>
-			<img src="img/screenshots/4.png" class="right"></img>
-			<img src="img/screenshots/5.png" class="left"></img>
-			<img src="img/screenshots/6.png" class="right"></img>
+			<a href="img/screenshots/1.png"><img src="img/thumbnails/1.jpg" class="left"></img></a>
+			<a href="img/screenshots/2.png"><img src="img/thumbnails/2.jpg" class="right"></img></a>
+			<a href="img/screenshots/3.png"><img src="img/thumbnails/3.jpg" class="left"></img></a>
+			<a href="img/screenshots/4.png"><img src="img/thumbnails/4.jpg" class="right"></img></a>
+			<a href="img/screenshots/5.png"><img src="img/thumbnails/5.jpg" class="left"></img></a>
+			<a href="img/screenshots/6.png"><img src="img/thumbnails/6.jpg" class="right"></img></a>
 		</div>
 		<div id="contact">
 			<div style="padding: 24px; border-radius: 16px;">