update index.html

index.html

@@ -370,60 +370,62 @@ <h3 class="subtitle is-3" style="text-align: center;">Generalization Experiment
     </div>
   </section>
 
-  <section class="section body">
+  <section class="hero is-light">
+    <div class="hero-body">
     <div class="container">
       <div class="columns is-centered">
         <div class="column is-full-width">
-          <h1 class="title is-2" style="text-align: center; padding-bottom: 10px;">Simulation Visuomotor Control Tasks</h1>
+          <h1 class="title is-2" style="text-align: center; padding-bottom: 10px;">More Generalization Evaluation in the Real World</h1>
           <!-- <h2 class="subtitle is-4" style="text-align: center;">Defining Visual Affordances</h2> -->
           <div class="columns is-centered has-text-centered">
           <div class="column is-four-fifths ">
           <div class="content has-text-justified">
-            <p>
-              Previous studies have established imitation learning for visuomotor control in simulation as the standard evaluation method. This enables direct comparisons with prior works and focuses on assessing the sample-efficient generalization of visual representations and their impact on learning policies from limited demonstrations. We conduct this evaluation to compare the capabilities of different representations in acquiring both the knowledge of “where-to-interact” and “how-to-interact” in complex simulation environments.
-            </p>
-
-            <div align="center">
-              <img src="resources/mpi/simulation/franka.png" alt="Image description" width="80%">
-              <img src="resources/mpi/simulation/franka_results.png" alt="Image description" width="100%">
-            </div>
+            <tr>
+              <td>
+                <div class="row">
+                  <div class="col">
+                    <video class="center" playsinline autoplay loop muted src="./resources/mpi/generalization/rebuttal-supp-compressed.mp4" width="100%" style="border-radius:10px;"></video>
+                    <br>
+                  </div>
+                </div>
+              </td>
+            </tr>
           </div>
           </div>
           </div>
         </div>
       </div>
     </div>
+    </div>
   </section>
 
-  <section class="hero is-light">
-    <div class="hero-body">
+  <section class="section body">
     <div class="container">
       <div class="columns is-centered">
         <div class="column is-full-width">
-          <h1 class="title is-2" style="text-align: center; padding-bottom: 10px;">More Generalization Evaluation in the Real World</h1>
+          <h1 class="title is-2" style="text-align: center; padding-bottom: 10px;">Simulation Visuomotor Control Tasks</h1>
           <!-- <h2 class="subtitle is-4" style="text-align: center;">Defining Visual Affordances</h2> -->
           <div class="columns is-centered has-text-centered">
           <div class="column is-four-fifths ">
           <div class="content has-text-justified">
-            <tr>
-              <td>
-                <div class="row">
-                  <div class="col">
-                    <video class="center" playsinline autoplay loop muted src="./resources/mpi/generalization/rebuttal-supp-compressed.mp4" width="100%" style="border-radius:10px;"></video>
-                    <br>
-                  </div>
-                </div>
-              </td>
-            </tr>
+            <p>
+              Previous studies have established imitation learning for visuomotor control in simulation as the standard evaluation method. This enables direct comparisons with prior works and focuses on assessing the sample-efficient generalization of visual representations and their impact on learning policies from limited demonstrations. We conduct this evaluation to compare the capabilities of different representations in acquiring both the knowledge of “where-to-interact” and “how-to-interact” in complex simulation environments.
+            </p>
+
+            <div align="center">
+              <img src="resources/mpi/simulation/franka.png" alt="Image description" width="80%">
+              <img src="resources/mpi/simulation/franka_results.png" alt="Image description" width="100%">
+            </div>
           </div>
           </div>
           </div>
         </div>
       </div>
     </div>
-    </div>
   </section>
 
+
+
 <footer class="footer">
   <div class="container">
     <div class="content has-text-centered">