diff --git a/index.html b/index.html
index 26c8368..9cbd47f 100644
--- a/index.html
+++ b/index.html
@@ -31,6 +31,7 @@
 		<nav>
 			<button id="show-transcription">Export</button>
 			<button id="show-info">?</button>
+			<button id="show-image">IMG</button>
 		</nav>
 		<aside class="info" id="info-panel">
 			<button class="close">X</button>
diff --git a/picture.js b/picture.js
index 6d1821a..b88c6b1 100644
--- a/picture.js
+++ b/picture.js
@@ -16,3 +16,10 @@ window.addEventListener("load", function () {
 		}
 	});
 });
+
+const imageButton = document.getElementById("show-image");
+
+imageButton.addEventListener("click", (e) => {
+	let img = document.querySelector("img");
+	img.classList.toggle("visible");
+});
diff --git a/style.css b/style.css
index d132800..dc5a256 100644
--- a/style.css
+++ b/style.css
@@ -256,3 +256,7 @@ nav {
 nav > * {
 	pointer-events: all;
 }
+
+img.hidden {
+	display: none;
+}