change images in Problems to grayscale #

instead of doing a grayscale filter with CSS
blahosyl · Mar 10, 2024 · d54d599 · d54d599
1 parent 55ab2e4
commit d54d599
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git 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
diff --git a/assets/images/lots-of-paper-grayscale.webp b/assets/images/lots-of-paper-grayscale.webp