diff --git a/README.md b/README.md
index d81a14d..f8e1190 100644
--- a/README.md
+++ b/README.md
@@ -24,11 +24,9 @@
   </p>
 </div>
 
-<!-- previews images -->
-<div style="overflow-x: auto; white-space: nowrap;">
-  <img src="https://raw.githubusercontent.com/appujet/lavalink-list/main/assets/non-ssl.png" alt="preview" width="400">
-  <img src="https://raw.githubusercontent.com/appujet/lavalink-list/main/assets/ssl.png" alt="preview" width="400">
-  <img src="https://raw.githubusercontent.com/appujet/lavalink-list/main/assets/faq.png" alt="preview" width="400">
+<!-- website preview using i frames -->
+<div align="center">
+  <iframe src="https://lavainfo.netlify.app/non-ssl" title="Lavalink list" width="100%" height="500px"></iframe>
 </div>
 
 <!-- how to add my node -->