diff --git a/book/workflows/edit_book.md b/book/workflows/edit_book.md
index 6ed810a..0858182 100644
--- a/book/workflows/edit_book.md
+++ b/book/workflows/edit_book.md
@@ -109,6 +109,14 @@ You can edit it and commit the changes in the same manner as with markdown (.md)
 `````{tab-set}
 ````{tab-item} ... Git in VS Code
 
+How to make an edit and make a commit using VS Code is demonstrated in the figure below, all steps are elaborated on in the following step-by-step tutorial.
+ 
+```{figure} figures/User4_updated-ezgif.com-optimize.gif
+---
+name: user4_clone_edit_demo
+---
+Demonstration, video available [here](https://youtu.be/bThimdDRXTc)
+
 1. Make some changes to a file in for example VS Code and save them.
 
 2.  Select the files ready to be added to Git-timeline (staging) 
@@ -299,6 +307,14 @@ Alternatively, you can also click on `Push origin` in the top bar.
 `````{tab-set}
 ````{tab-item} ... Git in VS Code
 
+The steps above are demonstrated in the figure below, all steps are elaborated on in the following step-by-step tutorial.
+ 
+```{figure} figures/User5_wholeshabang-ezgif.com-optimize.gif
+---
+name: user5_demo
+---
+Demonstration, video available [here](https://youtu.be/2ttjBevkEP8)
+
 1. Make some changes to a file in for example VS Code and save them.
 
 2. Once all the changes are made, it can be useful to check the changes locally on your device in order to see how it will look on the website. If all the required environments and packages are downloaded, checking changes locally is fairly easy! 
diff --git a/book/workflows/figures/User4_updated-ezgif.com-optimize.gif b/book/workflows/figures/User4_updated-ezgif.com-optimize.gif
new file mode 100644
index 0000000..4889908
Binary files /dev/null and b/book/workflows/figures/User4_updated-ezgif.com-optimize.gif differ
diff --git a/book/workflows/figures/User5_wholeshabang-ezgif.com-optimize.gif b/book/workflows/figures/User5_wholeshabang-ezgif.com-optimize.gif
new file mode 100644
index 0000000..d8c8121
Binary files /dev/null and b/book/workflows/figures/User5_wholeshabang-ezgif.com-optimize.gif differ