From fe255f9bd942e54cedb03910c411bc0117541890 Mon Sep 17 00:00:00 2001
From: relliv <epsilonelittr@gmail.com>
Date: Wed, 2 Oct 2024 23:19:03 +0300
Subject: [PATCH] Update preview image style

---
 docs/docs/{intro.md => intro.mdx} | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)
 rename docs/docs/{intro.md => intro.mdx} (76%)

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'
+}}/>