diff --git a/img/simpliplan/screenshots/1.png b/img/simpliplan/screenshots/1.png
new file mode 100644
index 0000000..ead6949
Binary files /dev/null and b/img/simpliplan/screenshots/1.png differ
diff --git a/img/simpliplan/screenshots/1_dark.png b/img/simpliplan/screenshots/1_dark.png
new file mode 100644
index 0000000..c9fec86
Binary files /dev/null and b/img/simpliplan/screenshots/1_dark.png differ
diff --git a/img/simpliplan/screenshots/2.png b/img/simpliplan/screenshots/2.png
new file mode 100644
index 0000000..d65149e
Binary files /dev/null and b/img/simpliplan/screenshots/2.png differ
diff --git a/img/simpliplan/screenshots/2_dark.png b/img/simpliplan/screenshots/2_dark.png
new file mode 100644
index 0000000..c25d3c2
Binary files /dev/null and b/img/simpliplan/screenshots/2_dark.png differ
diff --git a/img/simpliplan/screenshots/3.png b/img/simpliplan/screenshots/3.png
new file mode 100644
index 0000000..2f09238
Binary files /dev/null and b/img/simpliplan/screenshots/3.png differ
diff --git a/img/simpliplan/screenshots/3_dark.png b/img/simpliplan/screenshots/3_dark.png
new file mode 100644
index 0000000..7b30151
Binary files /dev/null and b/img/simpliplan/screenshots/3_dark.png differ
diff --git a/img/simpliplan/screenshots/4.png b/img/simpliplan/screenshots/4.png
new file mode 100644
index 0000000..57877d8
Binary files /dev/null and b/img/simpliplan/screenshots/4.png differ
diff --git a/img/simpliplan/screenshots/4_dark.png b/img/simpliplan/screenshots/4_dark.png
new file mode 100644
index 0000000..ba647cf
Binary files /dev/null and b/img/simpliplan/screenshots/4_dark.png differ
diff --git a/img/simpliplan/screenshots/5.png b/img/simpliplan/screenshots/5.png
new file mode 100644
index 0000000..8e7cb70
Binary files /dev/null and b/img/simpliplan/screenshots/5.png differ
diff --git a/img/simpliplan/screenshots/5_dark.png b/img/simpliplan/screenshots/5_dark.png
new file mode 100644
index 0000000..c1398ed
Binary files /dev/null and b/img/simpliplan/screenshots/5_dark.png differ
diff --git a/img/simpliplan/screenshots/6.png b/img/simpliplan/screenshots/6.png
new file mode 100644
index 0000000..edbec09
Binary files /dev/null and b/img/simpliplan/screenshots/6.png differ
diff --git a/img/simpliplan/screenshots/6_dark.png b/img/simpliplan/screenshots/6_dark.png
new file mode 100644
index 0000000..af0ba2a
Binary files /dev/null and b/img/simpliplan/screenshots/6_dark.png differ
diff --git a/index.html b/index.html
index 89e3e46..c86c2fe 100644
--- a/index.html
+++ b/index.html
@@ -239,8 +239,30 @@ <h3>Simpliplan</h3>
                             </div>
 
                             <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/1_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/1.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/2_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/2.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/3_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/3.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/4_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/4.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/5_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/5.png">
+                                </picture>
+                                <picture>
+                                    <source srcset="img/simpliplan/screenshots/6_dark.png" media="(prefers-color-scheme:dark)">
+                                    <img src="img/simpliplan/screenshots/6.png">
+                                </picture>
                             </div>
                         </div>
                     </div>
@@ -277,11 +299,6 @@ <h3>Maths Parser</h3>
                                     </ul>
                                 </div>
                             </div>
-
-                            <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
-                            </div>
                         </div>
                     </div>
 
@@ -317,11 +334,6 @@ <h3>Boolean Expression Parser</h3>
                                     </ul>
                                 </div>
                             </div>
-
-                            <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
-                            </div>
                         </div>
                     </div>
 
@@ -356,11 +368,6 @@ <h3>Calcu</h3>
                                     </ul>
                                 </div>
                             </div>
-
-                            <div class="expanded">
-                                <img src="" alt="">
-                                <img src="" alt="">
-                            </div>
                         </div>
                     </div>