diff --git a/README.md b/README.md
index 72df7f0..0b4cd3a 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,44 @@
 </a>
 </div>
 
+## Preview
+
+<div align="center">
+<table>
+<tr>
+<td align="center">
+
+<sub>Configuration 1 - Centered Positioning, Background Blur, Higher Scaling, No Offset</sub>
+
+<img src="assets/preview_centered.png" width="600" alt="Centered Positioning preview"/>
+
+</td>
+<td align="center">
+
+<sub>Configuration 2 - Custom Positioning, No Blur, Lower Scaling, Custom Offset</sub>
+
+<img src="assets/preview_manual.png" width="600" alt="Custom Positioning preview"/>
+
+</td>
+</tr>
+</table>
+
+<details>
+<summary>▶️ <b>Show Preview Videos</b></summary>
+<br/>
+
+**Configuration 1**
+
+<img src="assets/preview_centered.gif" width="700" alt="Centered Positioning animation"/>
+
+**Configuration 2**
+
+<img src="assets/preview_manual.gif" width="700" alt="Custom Positioning animation"/>
+
+</details>
+
+</div>
+
 ## Manifest URL
 
 ```
diff --git a/assets/preview_centered.gif b/assets/preview_centered.gif
new file mode 100644
index 0000000..aa15e7f
Binary files /dev/null and b/assets/preview_centered.gif differ
diff --git a/assets/preview_centered.png b/assets/preview_centered.png
new file mode 100644
index 0000000..1ccdade
Binary files /dev/null and b/assets/preview_centered.png differ
diff --git a/assets/preview_manual.gif b/assets/preview_manual.gif
new file mode 100644
index 0000000..fc9993b
Binary files /dev/null and b/assets/preview_manual.gif differ
diff --git a/assets/preview_manual.png b/assets/preview_manual.png
new file mode 100644
index 0000000..aaa286d
Binary files /dev/null and b/assets/preview_manual.png differ