From 10988384843ff1a42aff5d41f551d65b93b838c0 Mon Sep 17 00:00:00 2001
From: Jan Nicklas <j.nicklas@me.com>
Date: Mon, 8 Jan 2024 10:22:09 +0100
Subject: [PATCH] Update README.md

---
 README.md | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 75ab135e..3dda9dc3 100644
--- a/README.md
+++ b/README.md
@@ -18,9 +18,10 @@
 
 - **Atomic CSS Integration**: Easily combine with existing atomic CSS solutions like Tailwind CSS for a customized and efficient styling approach.
 
-- **Inspired by the Best**: Incorporates ideas from Styled-Components, Linaria, Emotion, and Vanilla Extract to offer a powerful yet intuitive styling experience.
+- **Inspired by the Best**: Incorporates ideas from Styled-Components, Linaria, Emotion, and Vanilla Extract to offer a powerful yet intuitive styling experienc
+
+<video width="630" height="300" src="https://github.com/jantimon/next-yak/assets/4113649/a8de3457-323e-4aaa-8aa1-4fb5b00f93fc" alt="Code example"></video>
 
-<video width="630" height="300" src="https://github.com/jantimon/next-yak/assets/4113649/2dc38707-a584-4b0c-84f7-2fc4e6da22a8" alt="Code example"></video>
 
 ## Installation
 
@@ -93,9 +94,11 @@ const ToggleButton = styled.button`
 `;
 ```
 
+<video width="630" height="300" src="https://github.com/jantimon/next-yak/assets/4113649/9065d0a0-f839-4d91-b05e-b3e72c7c2bb0" alt="Dynamic Styles example"></video>
+
 ### Dynamic Properties
 
-Dynamic Properties will use custom properties ([aka css variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)) under the hood to extract the CSS at built time but modify properties at runtime:
+Dynamic Properties use custom properties ([aka css variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)) under the hood to extract the CSS at built time but modify properties at runtime:
 
 ```jsx
 import { styled } from 'next-yak';