diff --git a/index.html b/index.html
index e0dbc17..3d8012b 100644
--- a/index.html
+++ b/index.html
@@ -346,7 +346,10 @@ <h4 class="is-3 has-text-centered">Find distance between ...</h4>
             Using <i>nerfies</i> you can create fun visual effects. This Dolly zoom effect
             would be impossible without nerfies since it would require going through a wall.
           </p> -->
-          <img src="./static/images/spatial1.png" class="interpolation-image" alt="Interpolate start reference image."/>
+          <video id="teaser" autoplay controls muted loop playsinline height="100%">
+            <source src="./static/videos/spatial_1.mp4" type="video/mp4">
+          </video>
+          <!-- <img src="./static/images/spatial1.png" class="interpolation-image" alt="Interpolate start reference image."/> -->
         </div>
       </div>
       <!--/ Visual Effects. -->
@@ -361,7 +364,10 @@ <h4 class="is-3 has-text-centered">Nearest 2 vehicles in front..</h4>
               As a byproduct of our method, we can also solve the matting problem by ignoring
               samples that fall outside of a bounding box during rendering.
             </p> -->
-            <img src="./static/images/spatial2.png" class="interpolation-image" alt="Interpolate start reference image."/>
+            <video id="teaser" autoplay controls muted loop playsinline height="100%">
+              <source src="./static/videos/spatial_2.mp4" type="video/mp4">
+            </video>            
+            <!-- <img src="./static/images/spatial2.png" class="interpolation-image" alt="Interpolate start reference image."/> -->
           </div>
 
         </div>
diff --git a/static/videos/spatial_1.mp4 b/static/videos/spatial_1.mp4
new file mode 100644
index 0000000..ffe6223
Binary files /dev/null and b/static/videos/spatial_1.mp4 differ
diff --git a/static/videos/spatial_2.mp4 b/static/videos/spatial_2.mp4
new file mode 100644
index 0000000..19d0ec4
Binary files /dev/null and b/static/videos/spatial_2.mp4 differ