diff --git a/README.md b/README.md
index a95d13e763b49b0f4a58230b0251cdd7d08f1a3e..6898d8ee8338d5da65f5682f286afd8f4a09ab38 100644
--- a/README.md
+++ b/README.md
@@ -71,14 +71,22 @@ ___
 * ***unittesting*** after testing some of the new values we get no unexpected errors. ![image](src/screenshot27.PNG)
 ___
 ## Demos
-* ***Task 1:***  
-  <iframe width="560" height="315" src="https://www.youtube.com/embed/AjLuZGTohQ0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+* ***Task 1:***
+  <figure class="video_container">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/AjLuZGTohQ0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+  </figure> 
 * ***Task 2:***  
-  <iframe width="560" height="315" src="https://www.youtube.com/embed/DksW8h8woP4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-* ***Task 3:***  
-  <iframe width="560" height="315" src="https://www.youtube.com/embed/ofvF_PM0YXk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+  <figure class="video_container">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/DksW8h8woP4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+  </figure>
+* ***Task 3:***
+  <figure class="video_container"> 
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/ofvF_PM0YXk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+  </figure> 
 * ***Task 4:***  
-  <iframe width="560" height="315" src="https://www.youtube.com/embed/8c6kVIacqw0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+  <figure class="video_container"> 
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/8c6kVIacqw0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+  </figure> 
 ___
 ## Getting Started