diff --git a/README.md b/README.md
index bd475cae4..c2e6d9585 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,7 @@ With these ideas in mind, we develop SuperSonic as a practical reference impleme
 
 The high-level architecture and main process flow is shown in below diagram:
 
-<img src="./docs/images/supersonic_components.png" height="100%" width="100%" align="center"/> 
+<img src="./docs/images/supersonic_components.png" height="70%" width="70%" align="center"/> 
 
 - **Chat Interface:** accepts natural language queries and answer results with appropriate visualization charts. It supports input auto-completion as well as multi-turn conversation.
 
diff --git a/README_CN.md b/README_CN.md
index e26fd5338..49dcdf617 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -26,7 +26,7 @@
 
 超音数的整体架构和主流程如下图所示：
 
-<img src="./docs/images/supersonic_components.png" height="100%" width="100%" align="center"/> 
+<img src="./docs/images/supersonic_components.png" height="70%" width="70%" align="center"/> 
 
 - **问答对话界面(chat interface)**：接受用户查询并选择合适的可视化图表呈现结果，支持输入联想和多轮对话。
 
diff --git a/docs/images/supersonic_demo.gif b/docs/images/supersonic_demo.gif
index e3b059c31..c23654e03 100644
Binary files a/docs/images/supersonic_demo.gif and b/docs/images/supersonic_demo.gif differ