diff --git a/docs/docs/intro.md b/docs/docs/intro.mdx
similarity index 76%
rename from docs/docs/intro.md
rename to docs/docs/intro.mdx
index 081ca64..fe5bdc4 100644
--- a/docs/docs/intro.md
+++ b/docs/docs/intro.mdx
@@ -8,4 +8,10 @@ This repository is based on [Sam Herbert](https://github.com/SamHerbert)'s [SVG-
 
 > Basicly we can use SVG files with `<img>` tag or import directly as inline code. You can not style SVG content over `<img>` tag. Also, inline option is not good for clean development experience. We created this project for smooth and better experience for developers.
 
-![SVG Loaders Preview](https://github.com/ngeenx/nx-svg-loaders/blob/main/docs/static/img/nx-svg-loaders-preview.gif?raw=true)
+<img src="https://github.com/ngeenx/nx-svg-loaders/blob/main/docs/static/img/nx-svg-loaders-preview.gif?raw=true" alt="SVG Loaders Preview" style={{
+  border: '1px solid #dcdcdc',
+  borderRadius: '5px',
+  minHeight: '500px',
+  width: '100%',
+  backgroundColor: '#f4f4f48a'
+}}/>