Added Gif to getting_started.md

docs/getting_started.md

@@ -4,9 +4,7 @@
 
 ## Creating a Circuit Element
 
-<video style="width:100%; height: 400px;" controls>
-    <source src="/video/drag.mp4" type="video/mp4">  Sorry, your browser doesn't support embedded videos.
-</video>
+<img style="width:100%; height: 400px;" alt="drag-circuitverse" src="/docs/gif/drag-circuitverse.gif" />
 
 Select the circuit element type and drop on canvas or drag the object onto canvas.
 
@@ -16,30 +14,22 @@ Select the circuit element type and drop on canvas or drag the object onto canva
 
 1. Click one node and simply drag the mouse to the other node.
 
-<video style="width:100%; height: 400px;" controls>
-    <source src="/video/clickwire.mp4" type="video/mp4">  Sorry, your browser doesn't support embedded videos.
-</video>
+<img style="width:100%; height: 400px;" alt="clickwire-circuitverse" src="/docs/gif/clickwire-circuitverse.gif" />
 
 2. Hold down `Ctrl`, click on a node and simply move the cursor to the final node to which it needs to be attached. Clicking on the wire will insert a node at that position.
 
-<video style="width:100%; height: 400px;" controls>
-    <source src="/video/ctrlclickwire.mp4" type="video/mp4">  Sorry, your browser doesn't support embedded videos.
-</video>
+<img style="width:100%; height: 400px;" alt="ctrlclickwire-circuitverse" src="/docs/gif/ctrlclickwire-circuitverse.gif" />
 
 Upon reaching the final node, let go of `Ctrl` and simply click on the node to end the wire.
 
 ## Multiple Object Selections
 
-<video style="width:100%; height: 400px;" controls>
-    <source src="/video/multiselectionDrag.mp4 " type="video/mp4">  Sorry, your browser doesn't support embedded videos.
-</video>
+<img style="width:100%; height: 400px;" alt="multiselectionDrag-circuitverse" src="/docs/gif/multiselectionDrag-circuitverse.gif" />
 
 Hold down shift key and drag to make a selection
 
 ## Property Menu
 
-<video style="width:100%; height: 400px;" controls>
-    <source src="/video/properties.mp4 " type="video/mp4">  Sorry, your browser doesn't support embedded videos.
-</video>
+<img style="width:100%; height: 400px;" alt="properties-circuitverse" src="/docs/gif/properties-circuitverse.gif" />
 
-Select the object to see and change its properties.
+Select the object to see and change its properties.