+ teaser

index.html

@@ -387,16 +387,20 @@ pre {
             </div>
         </div></div>
     </div>
-    <br>
 
     <section id="teaser-image">
         <center>
-            </p><figure style="margin-top: 20px; margin-bottom: 20px;">
-                <img width="50%" src="./assets/lion_teaser.png" style="margin-bottom: 20px;">
+            <figure>
+                <video class="centered" width="80%" controls autoplay muted playsinline class="video-background " >
+                    <source src="assets/LION_video_v8.mp4#t=0.001" type="video/mp4">
+                    Your browser does not support the video tag.
+                </video>
+
                 <p class="caption">
-                    caption for the teaser 
-                </p><p class="caption">
-            </p>
+                    LION's Generation process.
+                </p> <br>
+            </figure>
+
         </center>
     </section>
 
@@ -448,6 +452,7 @@ pre {
                         Architecture of LION. 
                     </p>
             </figure>
+
         </center>
     </section>