diff --git a/README.md b/README.md
index 38e5ded..140a6a0 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
   <p>CSS-Diff is a DevTools sidebar extension for comparing the computed CSS of two DOM elements. It is built for frontend debugging: select two elements in the Elements panel, then inspect what changed, search for a property, and copy a CSS declaration with one click.</p>
 </div>
 
-![Screenshot](https://github.com/jevin98/css-diff-devtools/blob/main/img/screenshot.png?raw=true)
+https://github.com/user-attachments/assets/1766e65e-fa31-4095-93d1-f247daa0e8e7
 
 ## Why CSS-Diff?
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index fb828db..14b654d 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -8,7 +8,7 @@
   <p>CSS-Diff 是一个用于比较两个 DOM 元素计算后 CSS 的 DevTools 侧边栏扩展。它面向前端调试场景：在 Elements 面板中选择两个元素，即可查看哪些样式发生了变化、搜索指定属性，并一键复制 CSS 声明。</p>
 </div>
 
-![Screenshot](https://github.com/jevin98/css-diff-devtools/blob/main/img/screenshot.png?raw=true)
+https://github.com/user-attachments/assets/1766e65e-fa31-4095-93d1-f247daa0e8e7
 
 ## 为什么使用 CSS-Diff？
 
diff --git a/img/css-diff-demo.mp4 b/img/css-diff-demo.mp4
new file mode 100644
index 0000000..2a3e614
Binary files /dev/null and b/img/css-diff-demo.mp4 differ
diff --git a/img/screenshot.png b/img/screenshot.png
deleted file mode 100644
index 0db0b87..0000000
Binary files a/img/screenshot.png and /dev/null differ