Fix: convert standalone results grid images in scenarios b and d to HTML img tags

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: erwardenaar

docs/vignette.html

@@ -198,12 +198,7 @@ <h3 class="anchored" data-anchor-id="scenario-b-european-privacy-conscious-resea
 <p><img src="scenariobscatterplot.png" alt="Scatter plot" style="width: 100%;"></p>
 </div>
 </div>
-<div class="quarto-figure quarto-figure-center">
-<figure class="figure">
-<p><img src="scenariobresults.png" class="img-fluid figure-img"></p>
-<figcaption>Results grid</figcaption>
-</figure>
-</div>
+<p><img src="scenariobresults.png" alt="Results grid" style="width: 100%; margin-top: 0.5em;"></p>
 <hr>
 </section>
 <section id="scenario-c-multilingual-nlp-researcher" class="level3">
@@ -258,12 +253,7 @@ <h3 class="anchored" data-anchor-id="scenario-d-compute-limited-researcher">Scen
 <p><img src="scenariodscatterplot.png" alt="Scatter plot" style="width: 100%;"></p>
 </div>
 </div>
-<div class="quarto-figure quarto-figure-center">
-<figure class="figure">
-<p><img src="scenariodresults.png" class="img-fluid figure-img"></p>
-<figcaption>Results grid</figcaption>
-</figure>
-</div>
+<p><img src="scenariodresults.png" alt="Results grid" style="width: 100%; margin-top: 0.5em;"></p>
 <hr>
 </section>
 <section id="scenario-e-fully-open-science-researcher" class="level3">

docs/vignette.qmd

@@ -109,7 +109,7 @@ Eight models remain: Apertus 8B (Switzerland, score 5), BLOOM 176B and the three
 </div>
 </div>
 
-![Results grid](scenariobresults.png)
+<img src="scenariobresults.png" alt="Results grid" style="width: 100%; margin-top: 0.5em;">
 
 ---
 
@@ -179,7 +179,7 @@ Eight models appear. On the scatter plot with context window on the y-axis, thre
 </div>
 </div>
 
-![Results grid](scenariodresults.png)
+<img src="scenariodresults.png" alt="Results grid" style="width: 100%; margin-top: 0.5em;">
 
 ---