diff --git a/docs/src/assets/demo-image.png b/docs/src/assets/demo-image.png
deleted file mode 100644
index 2f4e854..0000000
Binary files a/docs/src/assets/demo-image.png and /dev/null differ
diff --git a/docs/src/assets/example-footer.png b/docs/src/assets/example-footer.png
new file mode 100644
index 0000000..930b122
Binary files /dev/null and b/docs/src/assets/example-footer.png differ
diff --git a/docs/src/features/themes/definition.md b/docs/src/features/themes/definition.md
index 4ef00eb..b0ca38a 100644
--- a/docs/src/features/themes/definition.md
+++ b/docs/src/features/themes/definition.md
@@ -191,6 +191,8 @@ specifies. This parameter should be adjusted accordingly if taller-than-wider im
 See the [footer example](https://github.com/mfontanini/presenterm/blob/master/examples/footer.md) as a showcase of how a 
 footer can contain images and colored text.
 
+![](../../assets/example-footer.png)
+
 ### Progress bar footers
 
 A progress bar that will advance as you move in your presentation. This will by default use a block-looking character to 
diff --git a/examples/README.md b/examples/README.md
index 3ad9d20..cf964a0 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -39,7 +39,7 @@ This example uses a template-style footer, which lets you place some text on the
 A few template variables, such as `current_slide` and `total_slides` can be used to reference properties of the 
 presentation.
 
-[![asciicast](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1.svg)](https://asciinema.org/a/DLpBDpCbEp5pSrNZ2Vh4mmIY1)
+![](../docs/src/assets/example-footer.png)
 
 # Columns