diff --git a/docs/config-screensaver.md b/docs/config-screensaver.md
index 47b9ba95..0324fd1d 100644
--- a/docs/config-screensaver.md
+++ b/docs/config-screensaver.md
@@ -1,5 +1,8 @@
 #### Possible configuration values for screensaver config
 
+![screensaver](img/screensaver.png)
+
+
 key | optional | type | default | description
 -- | -- | -- | -- | --
 `entity` | True | string | `weather.example` | weather entity from homeassistant
@@ -28,6 +31,8 @@ Example for the a screensaver config with custom entities/overrides:
 
 Using a 6th entity will automatically activate the alternative layout.
 
+![screensaver-alt](img/screensaver-alt.png)
+
 ```yaml
     screensaver:
       entities:
diff --git a/docs/img/screensaver-alt.png b/docs/img/screensaver-alt.png
new file mode 100644
index 00000000..a929ad1a
Binary files /dev/null and b/docs/img/screensaver-alt.png differ
diff --git a/docs/img/screensaver.png b/docs/img/screensaver.png
new file mode 100644
index 00000000..32b3c7bd
Binary files /dev/null and b/docs/img/screensaver.png differ