diff --git a/README.md b/README.md
index 1b64d95..6ccd331 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # Floating gradient (only css)
 
-<img src="https://storage.mirzaev.sexy/2022/git.mirzaev.sexy/mirzaev/css-gradient-floating/1.gif" alt="Скриншот отправки сообщений" height="350"/>
-<img src="https://storage.mirzaev.sexy/2022/git.mirzaev.sexy/mirzaev/css-gradient-floating/2.gif" alt="Скриншот отправки сообщений" height="350"/></br>
+<img src="https://storage.mirzaev.sexy/2022/git.mirzaev.sexy/mirzaev/css-gradient-floating/1.gif" alt="css gradient preview with white theme" height="350"/>
+<img src="https://storage.mirzaev.sexy/2022/git.mirzaev.sexy/mirzaev/css-gradient-floating/2.gif" alt="css gradient preview with black theme" height="350"/></br>
 <small>design based on "/gradient.css" on my site https://account.mirzaev.sexy (see for more updates)</small></br></br>
 
 File "/gradient.css" contains gradient css only!
@@ -15,5 +15,6 @@ File "/gradient.css" contains gradient css only!
     <div class="blue"></div>
 </section>
 ```
-
-CodePen preview: https://codepen.io/mirzaev-sexy/pen/QWxxxJV
\ No newline at end of file
+<img src="https://storage.mirzaev.sexy/2022/git.mirzaev.sexy/mirzaev/css-gradient-floating/3.gif" alt="codepen preview" width="500"/></br>
+<img src="https://storage.mirzaev.sexy/2022/git.mirzaev.sexy/mirzaev/css-gradient-floating/4.png" alt="codepen preview" width="500"/></br>
+<small>CodePen preview: https://codepen.io/mirzaev-sexy/pen/QWxxxJV</small>
\ No newline at end of file