diff --git a/book/workflows/edit_book.md b/book/workflows/edit_book.md
index 6ed810a..7d6ca0c 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_clone_edit.gif
+---
+name: user4_clone_edit_demo
+---
+Demonstration, video available [here](https://youtu.be/Etr1jEbiZ4g)
+
 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
 
+How to use the terminal to view local changes made to the book is demonstrated in the figure below, all steps are elaborated on in the following step-by-step tutorial.
+ 
+```{figure} figures/User5_viewingchanges.gif
+---
+name: user5_view_changes_demo
+---
+Demonstration, video available [here](https://youtu.be/6gTWYhiSN4Q)
+
 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/User5_viewingchanges.gif b/book/workflows/figures/User5_viewingchanges.gif
new file mode 100644
index 0000000..0388e3b
Binary files /dev/null and b/book/workflows/figures/User5_viewingchanges.gif differ
diff --git a/book/workflows/figures/user4_clone_edit.gif b/book/workflows/figures/user4_clone_edit.gif
new file mode 100644
index 0000000..187368c
Binary files /dev/null and b/book/workflows/figures/user4_clone_edit.gif differ