diff --git a/README.md b/README.md
index f7224bc..6d57b56 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,8 @@ Differences between the original and the forked package, as well as other simila
 - **Auto-Major Mode Detection**: Automatically configures the most suitable editing mode for any given online editor.
 - **Complete Rewrite in TypeScript**: This enhances the extension's stability, maintainability, and performance.
 
+![Demo](./chrome-emacs.gif)
+
 Chrome Emacs is compatible with several widely-used online editors, including:
 
 - ☒ [codepen.io](https://codepen.io/)
@@ -29,8 +31,6 @@ Chrome Emacs is compatible with several widely-used online editors, including:
 - ☒ [plnkr.co](https://plnkr.co/)
 - ☐ [codesandbox.io](https://codesandbox.io/) (Currently unsupported due to a lack of Monaco API exposure).
 
-![Demo](./chrome-emacs.gif)
-
 ### Installation
 
 #### Chrome Extension
diff --git a/chrome-emacs.gif b/chrome-emacs.gif
index ae8c582..7447275 100644
Binary files a/chrome-emacs.gif and b/chrome-emacs.gif differ