diff --git a/src/assets/screenshots/sc1.png b/src/assets/screenshots/sc1.png
new file mode 100644
index 0000000..434f576
Binary files /dev/null and b/src/assets/screenshots/sc1.png differ
diff --git a/src/assets/screenshots/sc2.png b/src/assets/screenshots/sc2.png
new file mode 100644
index 0000000..27c3ade
Binary files /dev/null and b/src/assets/screenshots/sc2.png differ
diff --git a/src/assets/screenshots/sc3.png b/src/assets/screenshots/sc3.png
new file mode 100644
index 0000000..05dcdc6
Binary files /dev/null and b/src/assets/screenshots/sc3.png differ
diff --git a/src/assets/screenshots/sc4.png b/src/assets/screenshots/sc4.png
new file mode 100644
index 0000000..84ff18c
Binary files /dev/null and b/src/assets/screenshots/sc4.png differ
diff --git a/src/index.html b/src/index.html
index 4c0f3d9..9ac4980 100644
--- a/src/index.html
+++ b/src/index.html
@@ -20,6 +20,16 @@
         We meet in the computer science building on Wednesday at 19:00 in room -107. Feel free to drop by — we’d be happy to see you.
     </div>
 
+    <div class="softpage">
+        <h2>Gallery<h2>
+        <div class="gallery">
+            <img src="assets/screenshots/sc1.png" alt="The desktop of KarlOS. Shows the KarlOS logo in the center, as well as the app launcher on the top left."/>
+            <img src="assets/screenshots/sc2.png" alt="KarlOS desktop with verlapping windows opened. In the foreground there is a calculator window. In the background there is a window showing the kernel message log."/>
+            <img src="assets/screenshots/sc3.png" alt="KarlOS desktop with hex editor window."/>
+            <img src="assets/screenshots/sc4.png" alt="KarlOS desktop with several game windows opened: a paint canvas, a tron game, and a snake game."/>
+        <div>
+    </div>
+
     <div class="softpage" id="contact">
         <h2>Contact us</h2>
         <strong>E-Mail:</strong>&emsp;
diff --git a/src/style.css b/src/style.css
index ffad3c4..8ce7b33 100644
--- a/src/style.css
+++ b/src/style.css
@@ -7,7 +7,7 @@
 %COLOR_BLOCK_ALT:rgb(35, 36, 42)
 
 html {
-	color-scheme: dark;
+    color-scheme: dark;
     scroll-behavior: smooth;
 }
 body {
@@ -189,3 +189,6 @@ h2 {
     border-radius: 0.6em;
     box-shadow: 0 0.6em 1.5em rgba(0, 0, 0, 0.35);
 }
+.gallery img {
+    width: 100%;
+}