update ood cases

Author: hiskiv

figures/unseen_cases/1.mp4

@@ -716,6 +716,54 @@ <h3 class="title is-4 has-text-centered" style="margin-bottom: 20px;">LIBERO-Spa
     </div>
 </section>
 
+<section class="section hero is-small">
+    <div class="hero-body">
+        <div class="container">
+            <h2 class="title is-3 has-text-centered">Robustness to OOD Cases</h2>
+            <div class="columns is-centered">
+                <div class="column is-four-fifths">
+                    <div class="item">
+                        <div class="columns is-multiline">
+                            <div class="column is-one-quarter">
+                                <div style="margin-bottom: 10px;">
+                                    <video controls muted loop autoplay preload="metadata" style="width: 100%; display: block;">
+                                        <source src="figures/unseen_cases/1.mp4" type="video/mp4">
+                                    </video>
+                                    <p class="has-text-centered" style="margin-top: 5px; margin-bottom: 0; font-weight: 600; font-size: 14px;">Unseen Lighting Condition</p>
+                                </div>
+                            </div>
+                            <div class="column is-one-quarter">
+                                <div style="margin-bottom: 10px;">
+                                    <video controls muted loop autoplay preload="metadata" style="width: 100%; display: block;">
+                                        <source src="figures/unseen_cases/2.mp4" type="video/mp4">
+                                    </video>
+                                    <p class="has-text-centered" style="margin-top: 5px; margin-bottom: 0; font-weight: 600; font-size: 14px;">Unseen Distractor</p>
+                                </div>
+                            </div>
+                            <div class="column is-one-quarter">
+                                <div style="margin-bottom: 10px;">
+                                    <video controls muted loop autoplay preload="metadata" style="width: 100%; display: block;">
+                                        <source src="figures/unseen_cases/3.mp4" type="video/mp4">
+                                    </video>
+                                    <p class="has-text-centered" style="margin-top: 5px; margin-bottom: 0; font-weight: 600; font-size: 14px;">Unseen Distractors</p>
+                                </div>
+                            </div>
+                            <div class="column is-one-quarter">
+                                <div style="margin-bottom: 10px;">
+                                    <video controls muted loop autoplay preload="metadata" style="width: 100%; display: block;">
+                                        <source src="figures/unseen_cases/4.mp4" type="video/mp4">
+                                    </video>
+                                    <p class="has-text-centered" style="margin-top: 5px; margin-bottom: 0; font-weight: 600; font-size: 14px;">Unseen Distractors with Disturbance</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
 
 <!--BibTex citation -->
   <section class="section" id="BibTeX">