make header image the height of the header

about.html

@@ -16,7 +16,7 @@
 				<h1>About.</h1>
 				<img id="usbimg" src="usb.jpg" alt="an unsettling comic showing a man
 								 putting a usb dongle into his mouth and moving his face with
-								 the connected mouse" />
+								 the connected mouse" width=320 height=393 />
 				<p>I'm in your walls.</p>
 			</article>
 		</main>

elements.js

@@ -6,7 +6,7 @@ class DDHeader extends HTMLElement {
 	connectedCallback() {
 		this.innerHTML = `
 		<header>
-			<img id="headerimg" src="/dairydemon.jpg" alt="cow with glowing eyes" />
+			<div id="headerimg"></div>
 			<div id="headermain">
 				<p><a id="homelink" href="/">dairydemon.net</a></p>
 				<nav>

mgs/mgs.html

@@ -13,6 +13,7 @@
 		<dd-header></dd-header>
 		<main>
 			<aside>
+				<h2>Contents</h2>
 				<ol>
 					<li><a href="#metal-gear-solid-trivia">Top</a></li>
 					<li><a href="#structure">Structure</a></li>

styles.css

@@ -29,8 +29,10 @@ footer {
 
 #headerimg {
 	border-right: 3px solid black;
-	max-height: 128px;
+	width: 128px;
+	background-image: url("/watching.jpg");
 	flex: initial;
+	align-self: stretch;
 }
 
 #headermain {
@@ -108,6 +110,7 @@ ol ol ol {
 
 #usbimg {
 	width: 256px;
+	height: auto;
 	max-width: 100%;
 	margin-right: 10px;
 	margin-bottom: 10px;