diff --git a/index.css b/index.css
index 9d23ceb..9486567 100644
--- a/index.css
+++ b/index.css
@@ -1,3 +1,12 @@
 body {
   font-family: sans-serif;
 }
+
+.pipe {
+  max-width: 50%;
+  cursor: pointer;
+}
+
+.center-contents {
+  text-align: center;
+}
diff --git a/index.html b/index.html
index d16d23f..63ec94b 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,11 @@
 </head>
 
 <body>
-	<h1>pipefall</h1>
 	<audio id="pipefall" src="/pipefall.mp3">pipefall</audio>
+	<h1>pipefall</h1>
+	<p class="center-contents">
+		<img class="pipe" src="/pipe.jpg" alt="metal pipe from metal pipe fallout sound effect videos">
+	</p>
 	<p><button id="play-now">play now</button></p>
 </body>
 
diff --git a/index.js b/index.js
index 0236723..91f2445 100644
--- a/index.js
+++ b/index.js
@@ -10,4 +10,8 @@
   };
 
   now.addEventListener("click", play);
+
+  for (let pipe of document.querySelectorAll(".pipe")) {
+    pipe.addEventListener("click", play);
+  }
 })();
diff --git a/pipe.jpg b/pipe.jpg
new file mode 100644
index 0000000..338eb1b
Binary files /dev/null and b/pipe.jpg differ
