diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
index 214958b98..dd00f1b4b 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/DocsSpace.js
@@ -66,7 +66,8 @@ function newSuperalgosDocSpace() {
                 toImportant: toImportant,
                 toSuccess: toSuccess,
                 toList: toList,
-                toTable: toTable
+                toTable: toTable,
+                toGif: toGif
             }
 
             function editParagraph() {
@@ -196,6 +197,13 @@ function newSuperalgosDocSpace() {
                 contextMenuForceOutClick()
                 renderPage()
             }
+
+            function toGif() {
+                let docSchemaParagraph = docSchemaParagraphMap.get(selectedParagraph.id)
+                docSchemaParagraph.style = 'Gif'
+                contextMenuForceOutClick()
+                renderPage()
+            }
         }
 
         function setUpMenuItemsMap() {
@@ -431,6 +439,9 @@ function newSuperalgosDocSpace() {
         if (paragraphNode.id.indexOf('-table') >= 0) {
             selectedParagraphData = reverseParseTable(paragraphNode.innerHTML)
         }
+        if (paragraphNode.id.indexOf('-gif') >= 0) {
+            selectedParagraphData = reverseParseGif(paragraphNode.innerHTML)
+        }
         if (paragraphNode.id.indexOf('-javascript') >= 0) {
             selectedParagraphData = paragraphNode.innerText.substring(1, paragraphNode.innerText.length - 1)
         }
@@ -1336,6 +1347,17 @@ function newSuperalgosDocSpace() {
                         innerHTML = addToolTips(innerHTML)
                         break
                     }
+                    case 'Gif': {
+                        styleClass = ''
+                        prefix = ''
+                        sufix = ''
+                        role = ''
+                        key = key + '-gif'
+                        innerHTML = parseGif(paragraph.text)
+                        innerHTML = addItalics(innerHTML)
+                        innerHTML = addToolTips(innerHTML)
+                        break
+                    }
                     case 'Javascript': {
                         styleClass = ''
                         prefix = '<pre><code class="language-javascript">'
@@ -1402,6 +1424,17 @@ function newSuperalgosDocSpace() {
         }
     }
 
+    function parseGif(text) {
+        return '<img src="' + text + '"></img>'
+    }
+
+    function reverseParseGif(HTML) {
+        let result = HTML
+        result = result.replace('<img src="', '')
+        result = result.replace('"></img>', '')
+        return result
+    }
+
     function parseTable(text) {
         let HTML = ''
         let odd = false