diff --git a/Examples/Screenshots/demo1.gif b/Examples/Screenshots/demo1.gif
new file mode 100644
index 0000000..4d65dbc
Binary files /dev/null and b/Examples/Screenshots/demo1.gif differ
diff --git a/Examples/Screenshots/demo1.mp4 b/Examples/Screenshots/demo1.mp4
deleted file mode 100644
index 81f99fd..0000000
Binary files a/Examples/Screenshots/demo1.mp4 and /dev/null differ
diff --git a/Examples/Screenshots/demo2.gif b/Examples/Screenshots/demo2.gif
new file mode 100644
index 0000000..888d0fb
Binary files /dev/null and b/Examples/Screenshots/demo2.gif differ
diff --git a/Examples/Screenshots/demo2.mp4 b/Examples/Screenshots/demo2.mp4
deleted file mode 100644
index e4b94c2..0000000
Binary files a/Examples/Screenshots/demo2.mp4 and /dev/null differ
diff --git a/README.md b/README.md
index 512cd77..d5c4b3e 100644
--- a/README.md
+++ b/README.md
@@ -33,10 +33,9 @@ Examples
 --------------
 
 <p align="center">
-<video src="Examples/Screenshots/demo1.mp4" autoplay loop style='height: 200px;'>
-</video>
+<img src="Examples/Screenshots/demo1.gif"/ style='width: 30vw; max-width: 250px; object-fit: contain'>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
-<video src="Examples/Screenshots/demo2.mp4" autoplay loop style='height: 200px;'>
+<img src="Examples/Screenshots/demo2.gif"/ style='width: 30vw; max-width: 250px; object-fit: contain'>
 </video>
 </p>