Update index.html

index.html

@@ -175,13 +175,13 @@ <h2 class="title is-3">KeyBot framework</h2>
 <section class="hero is-light">
   <h2 class="title is-3">Training overview</h2>
   <div class="hero-body">
-    <div class="container">
-      <img src="static/images/fig_flow_new.png" alt="MY ALT TEXT" width="80%"/>
-      <h2 class="subtitle has-text-centered">
-        Image2
-      </h2>
-</div>
-</div>
+    <div class="container has-text-centered">
+      <img class="centered-image" src="static/images/fig_method_new.png" alt="MY ALT TEXT" width="70%"/>
+      <p class="subtitle has-text-centered">
+        <b>Training overview of KeyBot.</b> KeyBot consists of two main components, the detector and the corrector. (a) Synthetic errors are introduced to the groundtruth keypoints, creating inaccurate keypoints and corresponding anomaly labels. (b) The detector is trained to discern whether each input keypoint is accurate or not. (c) The corrector is trained to refine these inaccurate keypoints accurately.
+      </p>
+    </div>
+  </div>
 </section>
 <!-- End image2-->