diff --git a/2022/2022-05-31_git-trilogy-part-1/slides/branches.md b/2022/2022-05-31_git-trilogy-part-1/slides/branches.md
index a13c2376b5076de940438e4cc5b659869d3a79c6..712173397c1a1db3a0552b61a3c14b80985aef04 100644
--- a/2022/2022-05-31_git-trilogy-part-1/slides/branches.md
+++ b/2022/2022-05-31_git-trilogy-part-1/slides/branches.md
@@ -77,10 +77,12 @@ What is the difference between a *fork* and a *branch*?
 
 
 
+
 # How to switch between branches?
 
-<div style="position:absolute;left:10%;top:8em">
+<div align="center">
 <img src="slides/img/branch_GUI_switch.png" height="500em"/>
 </div>
 
-Why is best practice to branch off from `develop`?
\ No newline at end of file
+
+![bulb](slides/img/bulb.png) Why is it best practice to branch off from `develop`?
\ No newline at end of file
diff --git a/2022/2022-05-31_git-trilogy-part-1/slides/img/branch_GUI_switch.png b/2022/2022-05-31_git-trilogy-part-1/slides/img/branch_GUI_switch.png
index 56262a57ae632d36c42f2de264cc84b5f0d3fe04..025ba5da34d35abecee4901133634dcd5056f2f2 100644
Binary files a/2022/2022-05-31_git-trilogy-part-1/slides/img/branch_GUI_switch.png and b/2022/2022-05-31_git-trilogy-part-1/slides/img/branch_GUI_switch.png differ
diff --git a/2022/2022-05-31_git-trilogy-part-1/slides/img/commit_GUI_web-ide.png b/2022/2022-05-31_git-trilogy-part-1/slides/img/commit_GUI_web-ide.png
index aad56872ebf82491c05ef05578b1746bfd4a43ec..0891d44db40a3f9127ca1f0234106d9acfc1fcc0 100644
Binary files a/2022/2022-05-31_git-trilogy-part-1/slides/img/commit_GUI_web-ide.png and b/2022/2022-05-31_git-trilogy-part-1/slides/img/commit_GUI_web-ide.png differ
diff --git a/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_edit-file.png b/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_edit-file.png
index 5bb18125fc8d764d0183985a6799877630580cfc..bf5f4d1acbed2cd79579c4dd930ba1ddc70611ef 100644
Binary files a/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_edit-file.png and b/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_edit-file.png differ
diff --git a/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_select-branch.png b/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_select-branch.png
index caa399874d6d86f038235f1a13211b29d833d980..9ebef3460496902df4fd2e1cd5457f9e4bff0b0f 100644
Binary files a/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_select-branch.png and b/2022/2022-05-31_git-trilogy-part-1/slides/img/web-ide_select-branch.png differ
diff --git a/2022/2022-05-31_git-trilogy-part-1/slides/web-ide.md b/2022/2022-05-31_git-trilogy-part-1/slides/web-ide.md
index 063101298f037b739f1a4ad117aa0dd3613ac5ad..f900de0871070ff24d307a1210005dd0c1eba303 100644
--- a/2022/2022-05-31_git-trilogy-part-1/slides/web-ide.md
+++ b/2022/2022-05-31_git-trilogy-part-1/slides/web-ide.md
@@ -19,11 +19,11 @@ To change content of a file:
 
 
 <div style="position:absolute;left:30%;top:1em" class="fragment fade-in-then-out" data-fragment-index="1">
-<img src="slides/img/commit_GUI_web-ide.png" width="90%" >
+<img src="slides/img/commit_GUI_web-ide.png" width="95%" >
 </div>
 
 <div style="position:absolute;left:40%;top:1em" class="fragment fade-in-then-out" data-fragment-index="2">
-<img src="slides/img/web-ide_select-branch.png" width="90%" >
+<img src="slides/img/web-ide_select-branch.png" width="60%" >
 </div>
 
 <div style="position:absolute;left:33%;top:1em" class="fragment fade-in-then-out" data-fragment-index="3">