diff --git a/index.html b/index.html
index b73bbdd..82ae877 100644
--- a/index.html
+++ b/index.html
@@ -11,14 +11,27 @@
 <body>
   <h1>dithering</h1>
   <h2>image</h2>
-  <dither-dither src="./hermannstrasse.jpg"></dither-dither>
+  <div>
+    <img src="./hermannstrasse.jpg" />
+    <dither-dither src="./hermannstrasse.jpg"></dither-dither>
+  </div>
   <h2>video</h2>
-  <dither-dither src="./hermannstrasse.mp4" video></dither-dither>
+  <div>
+    <video src="./hermannstrasse.mp4" muted autoplay loop></video>
+    <dither-dither src="./hermannstrasse.mp4" video></dither-dither>
+  </div>
   <h2>custom threshold map</h2>
-  <dither-dither src="./hermannstrasse.jpg" threshold-map="./bayer8x8.png" lazy></dither-dither>
+  <div>
+    <img src="./hermannstrasse.jpg" />
+    <dither-dither src="./hermannstrasse.jpg" threshold-map="./bayer8x8.png" lazy></dither-dither>
+  </div>
 
 </body>
 <style>
+  div {
+    display: flex;
+    gap: 10px;
+  }
 </style>
 
 </html>
\ No newline at end of file
