Update the assets and GIF animations. (krahets#979)

Author: krahets

README.md

@@ -11,9 +11,9 @@
 
 <p align="center">
   <a href="https://www.hello-algo.com/">
-    <img src="https://www.hello-algo.com/index.assets/btn_read_online_dark.png" width="155"></a>
+    <img src="https://www.hello-algo.com/index.assets/btn_read_online_dark.svg" width="155"></a>
   <a href="https://github.com/krahets/hello-algo/releases">
-    <img src="https://www.hello-algo.com/index.assets/btn_download_pdf_dark.png" width="155"></a>
+    <img src="https://www.hello-algo.com/index.assets/btn_download_pdf_dark.svg" width="155"></a>
 </p>
 
 <p align="center">

docs/chapter_preface/about_the_book.md

@@ -24,7 +24,7 @@
 
 - **复杂度分析**：数据结构和算法的评价维度与方法。时间复杂度、空间复杂度的推算方法、常见类型、示例等。
 - **数据结构**：基本数据类型，数据结构的分类方法。数组、链表、栈、队列、哈希表、树、堆、图等数据结构的定义、优缺点、常用操作、常见类型、典型应用、实现方法等。
-- **算法**：搜索、排序、分治、回溯、动态规划、贪心等算法的定义、优缺点、效率、应用场景、解题步骤和示例题目等。
+- **算法**：搜索、排序、分治、回溯、动态规划、贪心等算法的定义、优缺点、效率、应用场景、解题步骤和示例问题等。
 
 ![本书主要内容](about_the_book.assets/hello_algo_mindmap.jpg)
 
@@ -35,7 +35,7 @@
 - 感谢我在公司的导师李汐博士，在一次畅谈中你鼓励我“快行动起来”，坚定了我写这本书的决心；
 - 感谢我的女朋友泡泡作为本书的首位读者，从算法小白的角度提出许多宝贵建议，使得本书更适合新手阅读；
 - 感谢腾宝、琦宝、飞宝为本书起了一个富有创意的名字，唤起大家写下第一行代码 "Hello World!" 的美好回忆；
-- 感谢校铨在知识产权方面提供的帮助，你的专业指导对这本开源书籍的发展起到了至关重要的作用。
+- 感谢校铨在知识产权方面提供的专业帮助，这对本开源书的发展起到了重要的作用；
 - 感谢苏潼为本书设计了精美的封面和 logo ，并在我的强迫症下多次耐心修改；
 - 感谢 @squidfunk 提供的写作排版建议，以及他开发的开源文档主题 [Material-for-MkDocs](https://github.com/squidfunk/mkdocs-material/tree/master) 。
 

docs/index.assets/animation.gif

@@ -52,7 +52,7 @@ hide:
 
 !!! quote
 
-    “一本通俗易懂的数据结构与算法入门书，引导读者手脑并用地学习，强烈推荐算法初学者阅读！”
+    “一本通俗易懂的数据结构与算法入门书，引导读者手脑并用地学习，强烈推荐算法初学者阅读。”
 
     **—— 邓俊辉，清华大学计算机系教授**
 
@@ -68,7 +68,7 @@ hide:
 
 <p align="center"> 内容清晰易懂、学习曲线平滑</br>电脑、平板、手机全终端阅读 </p>
 
-![algorithm_animation](index.assets/animation.gif)
+<img src="index.assets/animation.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
 
 !!! quote ""
 
@@ -81,7 +81,7 @@ hide:
 
 <p align="center"> 提供各个算法与数据结构的简洁实现与测试样例，皆可直接运行</br>支持 Python、C++、Java、C#、Go、Swift、JS、TS、Dart、Rust、C、Zig 等语言 </p>
 
-![running_code](index.assets/running_code.gif)
+<img src="index.assets/running_code.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
 
 !!! quote ""
 
@@ -94,7 +94,7 @@ hide:
 
 <p align="center"> 鼓励小伙伴们互帮互助、共同成长</br>提问与评论一般能在两日内得到回复 </p>
 
-![comment](index.assets/comment.gif)
+<img src="index.assets/comment.gif" class="cover-image" style="width: 100%; border-radius: 0.5rem;">
 
 !!! quote ""
 
@@ -146,5 +146,3 @@ hide:
         </tbody>
     </table>
 </div>
-
----