diff --git a/_layouts/comic.html b/_layouts/comic.html
index d32dcad..5192187 100644
--- a/_layouts/comic.html
+++ b/_layouts/comic.html
@@ -21,7 +21,7 @@ navbar: "comicnav"
 <h1>{{ page.title }}</h1>
 <h3>{{ page.name }}</h3>
 
-<img src="/assets/images/{{ page.image }}" style="max-width: 70%"><br>
+<img src="/assets/images/{{ page.image }}" class="truecolor" style="max-width: 70%"><br>
 <p>{{content}}</p>
 
 <script defer type="text/javascript">
diff --git a/_sass/main.scss b/_sass/main.scss
index aa34769..70b9293 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -16,12 +16,14 @@ html::before {
 	width: 100%; height: 100%;
 	pointer-events: none;
 	opacity: 0.2;
-	z-index: 100000000;
 	background-color: yellowgreen;
 	opacity: 0.8;
 	mix-blend-mode: multiply;
+	z-index: 100;
 }
 
+.truecolor { z-index: 101; position: relative; }
+
 html, body {
 	color: black;
 	text-align: center;
@@ -144,6 +146,8 @@ body::before {
 	animation-name: static;
 	animation-duration: 2s; animation-iteration-count: infinite;
 	animation-timing-function: steps(4);
+	z-index: 100000000;
+
 }
 
 @keyframes static {