Update README.md

README.md

@@ -1,25 +1,25 @@
-<img align="left" src="https://i.imgur.com/YgFjlxu.png" width="128" height="128" />
+<p>
+  <img width="100%" src="https://github.com/nomi-san/balance-buff-viewer/assets/38210249/6120e251-d319-463e-9e83-1ec318ca10b3" alt="Preview image">
+</p>
 
 # Balance Buff Viewer
-Game modes' balance buffs/nerfs viewer for [Pengu Loader](https://github.com/PenguLoader/PenguLoader).
 
-<br>
+Game modes' balance buffs/nerfs viewer for [Pengu Loader](https://github.com/PenguLoader/PenguLoader).
 
 ### ⚡ Features
-- [x] Friendly UI with tooltips and icons
-- [x] Multilingual support (en/zh/vi)
+
+- [x] Friendly UI with tooltips
+- [x] Stat icons and highlighting
+- [x] Multilingual support (en/vi/zh)
 - [x] ARAM balance stats
 - [x] ARURF/URF balance stats
 
 ### 📝 Todo
-- [ ] One for All
-- [ ] Nexus Blitz
-- [ ] Ultra SpellBook
 
-<br>
+- [ ] One for All balance stats
+- [ ] Nexus Blitz balance stats
+- [ ] Ultra SpellBook balance stats
 
-![](https://github.com/nomi-san/balance-buff-viewer/assets/38210249/6120e251-d319-463e-9e83-1ec318ca10b3)
-
 <br>
 
 ## 🔨 Installation
@@ -39,13 +39,13 @@ pnpm crawl
 pnpm build
 ```
 
-### npm package & remote plugin
+### Remote plugin
 
 This plugins is also a npm package ([balance-buff-viewer-plugin](https://www.npmjs.com/package/balance-buff-viewer-plugin)).
-The plugin entry will import it's source via Skypack CDN with @latest version, it will be automatically updated when we publish a newer version.
+The plugin entry will import its source via Skypack CDN with @latest version, so it will be automatically updated when we publish a newer version.
 
 ```js
-import 'https://cdn.skypack.dev/balance-buff-viewer-plugin@latest?min';
+import 'https://cdn.skypack.dev/balance-buff-viewer-plugin?min';
 ```
 
 In case of regional restrictions, you can use other ESM CDNs: