Decorate compatibility list with OS icons

I found these icons here: https://web.archive.org/web/20090724041102/http://mx.geocities.com/delsilicio/

about.html

@@ -188,9 +188,17 @@
 	<p>
 		Requires Python 3.10 or later, and a terminal emulator with Unicode and true color support.
 	<ul>
-		<li>Runs well in <i>Windows Terminal</i>, but not in the older <i>Windows Console</i>.</li>
-		<li>Runs well in <i>iTerm2</i>, but not the built in macOS <i>Terminal.app</i>.</li>
-		<li>Runs well in <i>GNOME Terminal</i>, and most Linux terminal emulators, but not the <i>Linux console</i>.
+		<li>
+			<span class="os-icon"><img src="images/about/windowslogo.gif" width="34" height="30"></span>
+			Runs well in <i>Windows Terminal</i>, but not in the older <i>Windows Console</i>.
+		</li>
+		<li>
+			<span class="os-icon"><img src="images/about/maclogo.gif" width="34" height="29"></span>
+			Runs well in <i>iTerm2</i>, but not the built in macOS <i>Terminal.app</i>.
+		</li>
+		<li>
+			<span class="os-icon"><img src="images/about/linuxlogo.gif" width="30" height="35"></span>
+			Runs well in <i>GNOME Terminal</i>, and most Linux terminal emulators, but not the <i>Linux console</i>.
 		</li>
 	</ul>
 	</p>

styles/about.css

@@ -33,4 +33,32 @@ a[href^="https://98.js.org"]:focus #wooden-window-frame {
 	box-shadow:
 		0 0 5px 2px rgba(0, 43, 78, 0.5),
 		0 0 100px 50px rgba(100, 163, 214, 0.5);
+}
+
+.os-icon {
+	display: inline-block;
+	vertical-align: bottom;
+	width: 35px;
+	height: 35px;
+	position: relative;
+}
+
+.os-icon>img {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+}
+
+@supports (display: inline-flex) {
+	.os-icon {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.os-icon>img {
+		position: unset;
+		bottom: unset;
+		left: unset;
+	}
 }