diff --git a/index.html b/index.html
index 7e3ad2e..007a148 100644
--- a/index.html
+++ b/index.html
@@ -4,16 +4,13 @@
     <meta charset="utf-8" />
     <meta
       name="description"
-      content="Diffusion Forcing: Next-token Prediction Meets Full-Sequence Diffusion"
-    />
+      content="Diffusion Forcing: Next-token Prediction Meets Full-Sequence Diffusion" />
     <meta
       name="keywords"
-      content="Diffusion Forcing, next-token, autoregressive, diffusion, independent noise, teacher forcing, video prediction"
-    />
+      content="Diffusion Forcing, next-token, autoregressive, diffusion, independent noise, teacher forcing, video prediction" />
     <meta
       property="og:image"
-      content="https://boyuan.space/diffusion-forcing/static/images/method.png"
-    />
+      content="https://boyuan.space/diffusion-forcing/static/images/teaser.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>
       Diffusion Forcing: Next-token Prediction Meets Full-Sequence Diffusion
@@ -23,21 +20,17 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta
       name="twitter:title"
-      content="Diffusion Forcing: Next-token Prediction Meets Full-Sequence Diffusion"
-    />
+      content="Diffusion Forcing: Next-token Prediction Meets Full-Sequence Diffusion" />
     <meta
       name="twitter:description"
-      content="Diffusion Forcing: a sequence model that combines next-token prediction and full-sequence diffusion"
-    />
+      content="Diffusion Forcing: a sequence model that combines next-token prediction and full-sequence diffusion" />
     <meta
       name="twitter:image"
-      content="https://boyuan.space/diffusion-forcing/static/images/method.png"
-    />
+      content="https://boyuan.space/diffusion-forcing/static/images/teaser.png" />
 
     <link
       href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
-      rel="stylesheet"
-    />
+      rel="stylesheet" />
 
     <link rel="stylesheet" href="./static/css/bulma.min.css" />
     <link rel="stylesheet" href="./static/css/bulma-carousel.min.css" />
@@ -45,8 +38,7 @@
     <link rel="stylesheet" href="./static/css/fontawesome.all.min.css" />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"
-    />
+      href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css" />
     <link rel="stylesheet" href="./static/css/index.css" />
     <link rel="icon" href="./static/images/favicon.svg" />
 
@@ -106,8 +98,7 @@ <h1 class="title is-1 publication-title">
                     <img
                       src="./static/images/mit.jpg"
                       alt="MIT Logo"
-                      class="logo"
-                    />
+                      class="logo" />
                     <span class="author-block"><sup>1</sup>MIT</span>
                   </li>
                 </ul>
@@ -119,8 +110,7 @@ <h1 class="title is-1 publication-title">
                   <span class="link-block">
                     <a
                       href="https://arxiv.org/abs/2407.01392"
-                      class="external-link button is-normal is-rounded is-dark"
-                    >
+                      class="external-link button is-normal is-rounded is-dark">
                       <span class="icon">
                         <i class="fas fa-file-pdf"></i>
                       </span>
@@ -142,8 +132,7 @@ <h1 class="title is-1 publication-title">
                   <span class="link-block">
                     <a
                       href="https://github.com/buoyancy99/diffusion-forcing"
-                      class="external-link button is-normal is-rounded is-dark"
-                    >
+                      class="external-link button is-normal is-rounded is-dark">
                       <span class="icon">
                         <i class="fas fa-code"></i>
                       </span>
@@ -219,8 +208,7 @@ <h2 class="title is-3 has-text-centered">Diffusion Forcing</h2>
               <img
                 src="./static/images/abilities.png"
                 class="inline-figure-six"
-                alt="Abilities of teacher forcing, full-sequence diffusion, and Diffusion Forcing."
-              />
+                alt="Abilities of teacher forcing, full-sequence diffusion, and Diffusion Forcing." />
             </div>
             <div class="content has-text-justified">
               <p>
@@ -238,8 +226,7 @@ <h2 class="title is-3 has-text-centered">Diffusion Forcing</h2>
               <img
                 src="./static/images/method.png"
                 class="inline-figure-six"
-                alt="Diffusion Forcing method."
-              />
+                alt="Diffusion Forcing method." />
             </div>
             <br />
             <div class="content has-text-justified">
@@ -255,8 +242,7 @@ <h2 class="title is-3 has-text-centered">Diffusion Forcing</h2>
               <img
                 src="./static/images/usage.png"
                 class="inline-figure-six"
-                alt="Diffusion Forcing usage."
-              />
+                alt="Diffusion Forcing usage." />
             </div>
           </div>
         </div>
@@ -282,8 +268,7 @@ <h2 class="title is-3 has-text-centered">Video Prediction</h2>
               <video id="dmlab" autoplay muted loop playsinline width="100%">
                 <source
                   src="static/videos/video_prediction/dmlab.mp4"
-                  type="video/mp4"
-                />
+                  type="video/mp4" />
               </video>
             </div>
             <div class="content has-text-justified">
@@ -302,16 +287,14 @@ <h2 class="title is-3 has-text-centered">Video Prediction</h2>
                 src="./static/images/dmlab_df_0.png"
                 class="inline-figure-six"
                 height="auto"
-                width="100%"
-              />
+                width="100%" />
               <hr />
 
               <img
                 src="./static/images/dmlab_df_1.png"
                 class="inline-figure-six"
                 height="auto"
-                width="100%"
-              />
+                width="100%" />
 
               <hr />
             </div>
@@ -323,12 +306,10 @@ <h2 class="title is-3 has-text-centered">Video Prediction</h2>
                 muted
                 loop
                 playsinline
-                width="100%"
-              >
+                width="100%">
                 <source
                   src="static/videos/video_prediction/minecraft.mp4"
-                  type="video/mp4"
-                />
+                  type="video/mp4" />
               </video>
             </div>
             <div class="content has-text-justified">
@@ -346,8 +327,7 @@ <h2 class="title is-3 has-text-centered">Video Prediction</h2>
                 src="./static/images/minecraft_df_0.png"
                 class="inline-figure-six"
                 height="auto"
-                width="100%"
-              />
+                width="100%" />
 
               <hr />
 
@@ -355,8 +335,7 @@ <h2 class="title is-3 has-text-centered">Video Prediction</h2>
                 src="./static/images/minecraft_df_1.png"
                 class="inline-figure-six"
                 height="auto"
-                width="100%"
-              />
+                width="100%" />
             </div>
           </div>
         </div>
@@ -386,8 +365,7 @@ <h2 class="title is-3 has-text-centered">
             <video id="dmlab_long" autoplay muted loop playsinline width="100%">
               <source
                 src="static/videos/video_prediction/dmlab_long_compressed.mp4"
-                type="video/mp4"
-              />
+                type="video/mp4" />
             </video>
 
             <div class="content has-text-justified">
@@ -410,8 +388,7 @@ <h2 class="title is-3 has-text-centered">
                 src="./static/images/df_dmlab_long_0.png"
                 class="inline-figure-six"
                 height="auto"
-                width="100%"
-              />
+                width="100%" />
             </div>
 
             <video
@@ -420,12 +397,10 @@ <h2 class="title is-3 has-text-centered">
               muted
               loop
               playsinline
-              width="100%"
-            >
+              width="100%">
               <source
                 src="static/videos/video_prediction/minecraft_long_compressed.mp4"
-                type="video/mp4"
-              />
+                type="video/mp4" />
             </video>
 
             <div class="content has-text-justified">
@@ -452,8 +427,7 @@ <h2 class="title is-3 has-text-centered">
                 src="./static/images/df_minecraft_long_0.png"
                 class="inline-figure-six"
                 height="auto"
-                width="100%"
-              />
+                width="100%" />
             </div>
           </div>
         </div>
@@ -485,12 +459,10 @@ <h2 class="title is-3 has-text-centered">Diffusion Planning</h2>
               muted
               loop
               playsinline
-              width="100%"
-            >
+              width="100%">
               <source
                 src="static/videos/planning/planning.mp4"
-                type="video/mp4"
-              />
+                type="video/mp4" />
             </video>
             <div class="content has-text-justified">
               <p>
@@ -529,8 +501,7 @@ <h2 class="title is-3 has-text-centered">
                 src="./static/images/robot.png"
                 class="inline-figure-six"
                 height="auto"
-                width="100%"
-              />
+                width="100%" />
             </div>
             <div class="content has-text-justified">
               <p>
@@ -561,12 +532,10 @@ <h2 class="title is-3 has-text-centered">
                 muted
                 loop
                 playsinline
-                width="100%"
-              >
+                width="100%">
                 <source
                   src="static/videos/robot/robot_distraction.mp4"
-                  type="video/mp4"
-                />
+                  type="video/mp4" />
               </video>
             </div>
             <div class="content has-text-justified">
diff --git a/static/images/teaser.png b/static/images/teaser.png
new file mode 100644
index 0000000..fbe3a2f
Binary files /dev/null and b/static/images/teaser.png differ