Move Figure 1 below leaderboard tables

index.html

@@ -101,7 +101,7 @@
     .intro-meta { flex: none; padding-bottom: 2px; color: var(--muted); font-size: 13px; text-align: right; }
     .intro-meta strong { color: var(--ink); font-weight: 700; }
 
-    .taxonomy-figure { max-width: 1120px; margin: 8px auto 36px; }
+    .taxonomy-figure { max-width: 1120px; margin: 42px auto 0; }
     .taxonomy-figure img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
 
     .score-section + .score-section { margin-top: 38px; }
@@ -202,7 +202,7 @@
       .footer-links { display: flex; flex-wrap: wrap; gap: 10px 16px; }
       main { padding-top: 30px; }
       .page-intro { align-items: start; flex-direction: column; gap: 10px; margin-bottom: 24px; }
-      .taxonomy-figure { margin-bottom: 28px; }
+      .taxonomy-figure { margin-top: 28px; }
       .intro-meta { text-align: left; }
       .section-heading { align-items: start; flex-direction: column; gap: 4px; }
       .record-count { align-self: start; }
@@ -246,10 +246,6 @@
       <p class="intro-meta">Currently listing <strong id="global-count" aria-live="polite">Loading</strong></p>
     </section>
 
-    <figure class="taxonomy-figure">
-      <img src="./assets/images/evolution.png" alt="Figure 1: Four progressive levels of audio-visual intelligence, from task-adaptive competence to domain adaptation." decoding="async">
-    </figure>
-
     <section class="score-section" aria-labelledby="stage-title">
       <div class="section-heading">
         <div>
@@ -286,6 +282,10 @@
       </div>
     </section>
 
+    <figure class="taxonomy-figure">
+      <img src="./assets/images/evolution.png" alt="Figure 1: Four progressive levels of audio-visual intelligence, from task-adaptive competence to domain adaptation." decoding="async">
+    </figure>
+
   </main>
 
   <footer>