Improve SymMPO explanatory text and captions

Author: JulesHerrscher

website/index.html

@@ -792,20 +792,20 @@ <h4>Visualizations</h4>
         </p>
         <div class="symmpo-figure-grid">
           <figure class="symmpo-slot">
-            <img src="./assets/visualizations/symmpo/heas_comparison_bar.png" alt="HEAS comparison bar chart">
-            <figcaption>HEAS Comparison across models</figcaption>
+            <img src="./assets/visualizations/symmpo/heas_comparison_bar.png" alt="Bar chart comparing HEAS across LLaVA base, DPO, and SymMPO">
+            <figcaption>HEAS by alignment method (LLaVA-1.5 vs. DPO vs. SymMPO)</figcaption>
           </figure>
           <figure class="symmpo-slot">
-            <img src="./assets/visualizations/symmpo/muller_lyer_0010_dpo.png" alt="Müller-Lyer Example 1">
-            <figcaption>Müller-Lyer Example (0010)</figcaption>
+            <img src="./assets/visualizations/symmpo/muller_lyer_0010_dpo.png" alt="SymMPO output for Müller-Lyer illusion with 10px fin length">
+            <figcaption>SymMPO on Müller-Lyer (fin length 10px)</figcaption>
           </figure>
           <figure class="symmpo-slot">
-            <img src="./assets/visualizations/symmpo/muller_lyer_0280_dpo.png" alt="Müller-Lyer Example 2">
-            <figcaption>Müller-Lyer Example (0280)</figcaption>
+            <img src="./assets/visualizations/symmpo/muller_lyer_0280_dpo.png" alt="SymMPO output for Müller-Lyer illusion with 28px fin length">
+            <figcaption>SymMPO on Müller-Lyer (fin length 28px)</figcaption>
           </figure>
           <figure class="symmpo-slot">
-            <img src="./assets/visualizations/symmpo/muller_lyer_0580_dpo.png" alt="Müller-Lyer Example 3">
-            <figcaption>Müller-Lyer Example (0580)</figcaption>
+            <img src="./assets/visualizations/symmpo/muller_lyer_0580_dpo.png" alt="SymMPO output for Müller-Lyer illusion with 58px fin length">
+            <figcaption>SymMPO on Müller-Lyer (fin length 58px)</figcaption>
           </figure>
         </div>
       </div>