diff --git a/README.md b/README.md
index d4bf3ca..ce70e22 100644
--- a/README.md
+++ b/README.md
@@ -82,13 +82,7 @@ Unlike expensive SaaS platforms, QuantDinger returns **data ownership** to you.
 
 <div align="center">
   <a href="https://youtu.be/HPTVpqL7knM">
-    <img src="https://img.youtube.com/vi/HPTVpqL7knM/maxresdefault.jpg" alt="QuantDinger Project Introduction Video" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
-    <div style="position: relative; display: inline-block; margin-top: -100px;">
-      <svg width="100" height="100" viewBox="0 0 100 100" style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));">
-        <circle cx="50" cy="50" r="45" fill="red" opacity="0.9"/>
-        <polygon points="40,30 40,70 70,50" fill="white"/>
-      </svg>
-    </div>
+    <img src="docs/screenshots/video_demo.png" alt="QuantDinger Project Introduction Video" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
   </a>
   <p><strong>Click the video above to watch the QuantDinger project introduction</strong></p>
 </div>
diff --git a/README_CN.md b/README_CN.md
index 23aa9b9..e29ae33 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -82,13 +82,7 @@
 
 <div align="center">
   <a href="https://youtu.be/HPTVpqL7knM">
-    <img src="https://img.youtube.com/vi/HPTVpqL7knM/maxresdefault.jpg" alt="QuantDinger 项目介绍视频" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
-    <div style="position: relative; display: inline-block; margin-top: -100px;">
-      <svg width="100" height="100" viewBox="0 0 100 100" style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));">
-        <circle cx="50" cy="50" r="45" fill="red" opacity="0.9"/>
-        <polygon points="40,30 40,70 70,50" fill="white"/>
-      </svg>
-    </div>
+    <img src="docs/screenshots/video_demo.png" alt="QuantDinger 项目介绍视频" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
   </a>
   <p><strong>点击上方视频观看 QuantDinger 项目介绍</strong></p>
 </div>
diff --git a/README_JA.md b/README_JA.md
index c58d5c0..3114b60 100644
--- a/README_JA.md
+++ b/README_JA.md
@@ -82,13 +82,7 @@
 
 <div align="center">
   <a href="https://youtu.be/HPTVpqL7knM">
-    <img src="https://img.youtube.com/vi/HPTVpqL7knM/maxresdefault.jpg" alt="QuantDinger プロジェクト紹介動画" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
-    <div style="position: relative; display: inline-block; margin-top: -100px;">
-      <svg width="100" height="100" viewBox="0 0 100 100" style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));">
-        <circle cx="50" cy="50" r="45" fill="red" opacity="0.9"/>
-        <polygon points="40,30 40,70 70,50" fill="white"/>
-      </svg>
-    </div>
+    <img src="docs/screenshots/video_demo.png" alt="QuantDinger プロジェクト紹介動画" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
   </a>
   <p><strong>上の動画をクリックしてQuantDingerプロジェクト紹介をご覧ください</strong></p>
 </div>
diff --git a/README_KO.md b/README_KO.md
index 353d133..73a86c5 100644
--- a/README_KO.md
+++ b/README_KO.md
@@ -82,13 +82,7 @@
 
 <div align="center">
   <a href="https://youtu.be/HPTVpqL7knM">
-    <img src="https://img.youtube.com/vi/HPTVpqL7knM/maxresdefault.jpg" alt="QuantDinger 프로젝트 소개 동영상" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
-    <div style="position: relative; display: inline-block; margin-top: -100px;">
-      <svg width="100" height="100" viewBox="0 0 100 100" style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));">
-        <circle cx="50" cy="50" r="45" fill="red" opacity="0.9"/>
-        <polygon points="40,30 40,70 70,50" fill="white"/>
-      </svg>
-    </div>
+    <img src="docs/screenshots/video_demo.png" alt="QuantDinger 프로젝트 소개 동영상" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
   </a>
   <p><strong>위 동영상을 클릭하여 QuantDinger 프로젝트 소개를 시청하세요</strong></p>
 </div>
diff --git a/README_TW.md b/README_TW.md
index 0bed5a0..aceb286 100644
--- a/README_TW.md
+++ b/README_TW.md
@@ -82,13 +82,7 @@
 
 <div align="center">
   <a href="https://youtu.be/HPTVpqL7knM">
-    <img src="https://img.youtube.com/vi/HPTVpqL7knM/maxresdefault.jpg" alt="QuantDinger 專案介紹視頻" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
-    <div style="position: relative; display: inline-block; margin-top: -100px;">
-      <svg width="100" height="100" viewBox="0 0 100 100" style="filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));">
-        <circle cx="50" cy="50" r="45" fill="red" opacity="0.9"/>
-        <polygon points="40,30 40,70 70,50" fill="white"/>
-      </svg>
-    </div>
+    <img src="docs/screenshots/video_demo.png" alt="QuantDinger 專案介紹視頻" width="100%" style="border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); max-width: 800px;">
   </a>
   <p><strong>點擊上方視頻觀看 QuantDinger 專案介紹</strong></p>
 </div>
diff --git a/docs/screenshots/video_demo.png b/docs/screenshots/video_demo.png
new file mode 100644
index 0000000..00bd5d1
Binary files /dev/null and b/docs/screenshots/video_demo.png differ