diff --git a/assets/css/style.css b/assets/css/style.css
index 90d25a5..517b308 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -257,18 +257,17 @@ p {
 .grayscale-pic {
   width: 100%;
   height: 100%;
-  filter: grayscale(100%);
   opacity: 0.6;
 }
 
 /* Set the background image for each box */
 
 #millions .grayscale-pic {
-  background: url("../images/lots-of-paper.webp") no-repeat center center/cover;
+  background: url("../images/lots-of-paper-grayscale.webp") no-repeat center center/cover;
 }
 
 #frustrated .grayscale-pic {
-  background: url("../images/frustrated.webp") no-repeat center center/cover;
+  background: url("../images/frustrated-grayscale.webp") no-repeat center center/cover;
 }
 
 #learn-list .grayscale-pic {
diff --git a/assets/images/frustrated-grayscale.webp b/assets/images/frustrated-grayscale.webp
new file mode 100644
index 0000000..fac10ef
Binary files /dev/null and b/assets/images/frustrated-grayscale.webp differ
diff --git a/assets/images/lots-of-paper-grayscale.webp b/assets/images/lots-of-paper-grayscale.webp
new file mode 100644
index 0000000..5a88a28
Binary files /dev/null and b/assets/images/lots-of-paper-grayscale.webp differ