add click to see more on the accordion and fix banner image hover

app/src/content/article.mdx

@@ -67,7 +67,7 @@ Projects like The Cauldron, LLaVa and Cambrian aim to provide such datasets, but
 We manually collect **over 180** image-text datasets from the recent literature and create new subsets in lacking domains.
 
 <Wide>
-<Accordion size="big" title="FineVision Subsets">
+<Accordion size="big" title="FineVision Subsets - click to see more">
 |Subset Name                           |Total Images|Total Samples|Total Turns|Total Question Tokens|Total Answer Tokens|Category              |Source                                                             |
 |--------------------------------------|------------|-------------|-----------|---------------------|-------------------|----------------------|-------                                                            |
 |coco_colors                           |118,287     |118,287      |118,287    |1,301,157            |6,376,672          |Captioning & Knowledge|[@noauthor_hazal-karakusmscoco-controlnet]                         |

app/src/content/embeds/banner.html

@@ -272,7 +272,7 @@
                 
                 tipInner.innerHTML =
                   `<div style="display:flex; gap:10px; align-items:flex-start;">` +
-                    `<img src="${imgSrc}" alt="thumb ${d.original_id}" style="width:120px;height:120px;object-fit:cover;flex:0 0 auto;border-radius:6px;border:1px solid var(--border-color);" />` +
+                    `<img src="${imgSrc}" alt="thumb ${d.original_id}" style="width:120px;height:120px;object-fit:contain;flex:0 0 auto;border-radius:6px;border:1px solid var(--border-color);background:var(--surface-bg);" />` +
                     `<div style="min-width:140px; max-width:200px;">` +
                       `<div><strong>${d.category || 'Unknown'}</strong></div>` +
                       `<div style="word-wrap:break-word; line-height:1.3; margin:4px 0;"><strong>Q:</strong> ${userText}</div>` +