update

IVY-LVLM · Jun 3, 2024 · b7b6bf1 · b7b6bf1
1 parent f06046c
commit b7b6bf1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -203,32 +203,31 @@ <h2 class="content has-text-justified">
   </div>
 </section>
 
+
 <!-- Image carousel -->
 <section class="hero is-small">
-  <div class="container">
-    <div class="columns is-centered">
-      <div class="column is-four-fifths">
-        <h2 class="title is-3">Qualitative Results on MMVP</h2>
-        <div id="results-carousel" class="carousel results-carousel">
-          <div class="hero-body">
+  <div class="hero-body">
+    <div class="container">
+      <div class="columns is-centered">
+        <div class="column is-four-fifths">
+          <h2 class="title is-3">Qualitative Results on MMVP</h2>
+          <div id="results-carousel" class="carousel results-carousel">
             <div class="item">
-              <img src="static/images/mmvp1.png" alt="MMVP1"/>
+              <img class="centered-image" src="static/images/mmvp1.png" alt="MMVP1"/>
               <h2 class="subtitle has-text-centered">
-              <strong>MMVP.</strong>
-              Curated Example 1.
+                <strong>MMVP.</strong> Curated Example 1.
+              </h2>
             </div>
             <div class="item">
-              <img src="static/images/mmvp2.png" alt="MMVP2"/>
+              <img class="centered-byte" src="static/images/mmvp2.png" alt="MMVP2"/>
               <h2 class="subtitle has-text-centered">
-              <strong>MMVP.</strong>
-              Curated Example 2.
+                <strong>MMVP.</strong> Curated Example 2.
               </h2>
             </div>
             <div class="item">
-              <img src="static/images/mmvp3.png" alt="MMVP3"/>
+              <img class="centered-image" src="static/images/mmvp3.png" alt="MMVP3"/>
               <h2 class="subtitle has-text-centered">
-              <strong>MMVP.</strong>
-              Curated Example 3.
+                <strong>MMVP.</strong> Curated Example 3.
               </h2>
             </div>
           </div>

diff --git a/static/css/index.css b/static/css/index.css
@@ -133,5 +133,10 @@ body {
   font-size: smaller;
 }
 
+.centered-image {
+  display: block;      /* Aligns image to the left edge of the container by default */
+  margin-left: auto;   /* Auto margin on the left pushes the image to the center */
+  margin-right: auto;  /* Auto margin on the right maintains the center alignment */
+}