Update README.md

README.md

@@ -14,6 +14,8 @@ function App() {
 }
 ```
 
+<img width="1107" alt="Screenshot 2024-10-31 at 17 19 56" src="https://github.com/user-attachments/assets/59ced9fd-8d00-408b-8eb4-a60286a55cbe">
+
 __MistCSS is a unique approach to writing type-safe visual components. It's different from CSS-in-JS and CSS modules.__
 
 ## Features
@@ -27,10 +29,7 @@ __MistCSS is a unique approach to writing type-safe visual components. It's diff
 
 ## Comparison
 
-Usually with traditional approaches, you have to:
-1. Wrap your markup in JavaScript functions (`Button.jsx -> <button/>`, `Input.jsx -> <input/>`)
-2. Write props with TS types
-3. Write logic to concatenate classnames...
+Usually with traditional approaches, you have to wrap your markup in JavaScript functions (`Button.jsx -> <button/>`, `Input.jsx -> <input/>`), write props with TS types, write logic to concatenate classnames...
 
 With MistCSS it's very simple and straightforward, let's see.
 
@@ -162,10 +161,6 @@ declare namespace JSX {
 
 That's all, it's simple but extremely powerful as it builds on browser standards and TypeScript/JSX.
 
-## Demo
-
-https://github.com/user-attachments/assets/5edc9825-16ba-495d-b1bf-44b56295e20f
-
 ## Install
 
 ```sh