diff --git a/README.md b/README.md
index 0083eaf..0f85b5f 100644
--- a/README.md
+++ b/README.md
@@ -9,6 +9,15 @@ The website is based on [ikiwiki](https://ikiwiki.info/). You can build the web
 page locally by running `make`. The result will be in `html/`. Besides ikiwiki,
 you will also need [PerlMagick](https://www.imagemagick.org/script/perl-magick.php).
 
+## Contribution Guide
+
+### Screenshots
+
+To contribute with Screenshots:
+* Add your image to the folder images/screenshots with an appropiated name.
+* Add a new <figure> tag in the bottom of *screenshots.mdwn*,
+* Inside the new tag, add the screenshots with a <img> tag and use the <figcaption> to add caption to the image, explaining what is being used on the screenshot.
+
 ## Publishing
 
 The master branch gets built by
diff --git a/images/screenshots/ss1.png b/images/screenshots/ss1.png
deleted file mode 100644
index 7c2bcf8..0000000
Binary files a/images/screenshots/ss1.png and /dev/null differ
diff --git a/screenshots.mdwn b/screenshots.mdwn
index 32825bd..4450ae8 100644
--- a/screenshots.mdwn
+++ b/screenshots.mdwn
@@ -1,9 +1,15 @@
 # Screenshots
 
 <div id="screenshot">
-[[!img images/screen.png alt="Screenshot 1" size="382x216"]]      
-[[!img images/screenshots/ss1.png alt="Screenshot 2" size="382x216"]]
+<figure>
+    [[!img images/screen.png alt="Screenshot 1" size="382x216"]]
+    <figcaption>awesome v4.x + lain + multicolor theme</figcaption>
+</figure>
+<figure>
+    [[!img images/screenshots/ss1.png alt="Screenshot 2" size="382x216"]]
+    <figcaption></figcaption>
+</figure>
 <p>
-awesome v4.x + lain + multicolor theme
+
 </p>
 </div>