diff --git a/contrib/logo-color.html b/contrib/logo-color.html
index c39a20b8..e369694f 100644
--- a/contrib/logo-color.html
+++ b/contrib/logo-color.html
@@ -40,9 +40,9 @@ something that differentiates? Color it!</p>
 <p>Then right-click, click "<i>Take Screenshot</i>" and finally select the
 logo and download it.</p>
 
-<p><img src="logo-color.d/browser-01.avif" alt="Screenshot Browser 01"></p>
-<p><img src="logo-color.d/browser-02.avif" alt="Screenshot Browser 02"></p>
-<p><img src="logo-color.d/browser-03.avif" alt="Screenshot Browser 03"></p>
+<p><img src="logo-color.d/browser-01.avif" class="screenshot" alt="screenshot: browser 01"></p>
+<p><img src="logo-color.d/browser-02.avif" class="screenshot" alt="screenshot: browser 02"></p>
+<p><img src="logo-color.d/browser-03.avif" class="screenshot" alt="screenshot: browser 03"></p>
 
 <p>(This example is with
 <a href="https://www.mozilla.org/firefox/">Mozilla Firefox ↗️</a>. The workflow