docs: add gifs

README.md

@@ -4,12 +4,7 @@
 
 English | [简体中文](README_ZH.md)
 
-<div align="center">
-  <video width="800" controls>
-    <source src="docs/videos/memos-github.mp4" type="video/mp4">
-    Your browser does not support the video tag.
-  </video>
-</div>
+![memos-search](docs/images/memos-search-en.gif)
 
 # Memos
 
@@ -29,12 +24,7 @@ This project draws heavily from two other projects: one called [Rewind](https://
 
 ## Quick Start
 
-<div align="center">
-  <video width="800" controls>
-    <source src="docs/videos/memos-installation.mp4" type="video/mp4">
-    Your browser does not support the video tag.
-  </video>
-</div>
+![memos-installation](docs/images/memos-installation.gif)
 
 ### 1. Install Memos
 

README_ZH.md

@@ -4,6 +4,8 @@
 
 [English](README.md) | 简体中文
 
+![memos-search](docs/images/memos-search-cn.gif)
+
 # Memos
 
 Memos 是一个专注于隐私的被动记录项目。它可以自动记录屏幕内容，构建智能索引，并提供便捷的 web 界面来检索历史记录。
@@ -22,6 +24,8 @@ Memos 是一个专注于隐私的被动记录项目。它可以自动记录屏
 
 ## 快速开始
 
+![memos-installation](docs/images/memos-installation.gif)
+
 ### 1. 安装 Memos
 
 ```sh