diff --git a/index.html b/index.html
index d0cf319..85ba891 100644
--- a/index.html
+++ b/index.html
@@ -32,13 +32,13 @@
                 <h2>How does it work?</h2>
             </div>
             <div class="container default-text-color">
-                <div class="pane" id="server">
-                    <h3>Server</h3>
-                    <asciinema-player cols="89" src="res/media/server.cast"></asciinema-player>
-                </div>
                 <div class="pane" id="client">
                     <h3>Client</h3>
-                    <asciinema-player cols="89" src="res/media/client.cast"></asciinema-player>
+                    <asciinema-player speed="2" cols="110" src="res/media/client.cast"></asciinema-player>
+                </div>
+                <div class="pane" id="server">
+                    <h3>Server</h3>
+                    <asciinema-player speed="2" cols="110" src="res/media/server.cast"></asciinema-player>
                 </div>
             </div>
         </div>