diff --git a/docs/syntax/images.md b/docs/syntax/images.md
index a7161e44f..099a4e058 100644
--- a/docs/syntax/images.md
+++ b/docs/syntax/images.md
@@ -44,6 +44,21 @@ Here is the same image used inline 
Here is the same image used inline 
+### SVG
+
+```markdown
+
+```
+
+
+### GIF
+
+```markdown
+
+```
+
+
+
## Asciidoc syntax
```asciidoc
diff --git a/docs/syntax/img/alerts.svg b/docs/syntax/img/alerts.svg
new file mode 100644
index 000000000..5e7819dd5
--- /dev/null
+++ b/docs/syntax/img/alerts.svg
@@ -0,0 +1,62 @@
+
diff --git a/docs/syntax/img/timeslider.gif b/docs/syntax/img/timeslider.gif
new file mode 100644
index 000000000..463adf9a9
Binary files /dev/null and b/docs/syntax/img/timeslider.gif differ
diff --git a/src/Elastic.Markdown/IO/DocumentationSet.cs b/src/Elastic.Markdown/IO/DocumentationSet.cs
index d2ba55785..036a513da 100644
--- a/src/Elastic.Markdown/IO/DocumentationSet.cs
+++ b/src/Elastic.Markdown/IO/DocumentationSet.cs
@@ -48,6 +48,9 @@ public DocumentationSet(BuildContext context)
.Select(f => context.ReadFileSystem.FileInfo.New(f))
.Select(file => file.Extension switch
{
+ ".jpg" => new ImageFile(file, SourcePath, "image/jpeg"),
+ ".jpeg" => new ImageFile(file, SourcePath, "image/jpeg"),
+ ".gif" => new ImageFile(file, SourcePath, "image/gif"),
".svg" => new ImageFile(file, SourcePath, "image/svg+xml"),
".png" => new ImageFile(file, SourcePath),
".md" => CreateMarkDownFile(file, context),