diff --git a/public/images/ryanfurrer-skutch.jpg b/public/images/ryanfurrer-skutch.jpg
new file mode 100644
index 0000000..c93401f
Binary files /dev/null and b/public/images/ryanfurrer-skutch.jpg differ
diff --git a/src/components/CatCard.astro b/src/components/CatCard.astro
index 6b56fa6..41f0385 100644
--- a/src/components/CatCard.astro
+++ b/src/components/CatCard.astro
@@ -10,8 +10,9 @@ const { cat } = Astro.props;
 
 <a class="card-link-wrapper" href={`/cats/${cat.id}`}>
   <div class="card is-center">
-    <div class:list={['img-wrapper', { 'passed-away': cat.data.passedAway }]}>
+    <div class="img-wrapper">
       <img
+        class:list={[{ 'passed-away': cat.data.passedAway }]}
         src={cat.data.image.src}
         alt={cat.data.image.alt}
         loading="lazy"
@@ -74,10 +75,6 @@ const { cat } = Astro.props;
     object-fit: cover;
   }
 
-  .passed-away > img {
-    filter: grayscale(100%);
-  }
-
   .card span.rip {
     display: block;
     position: absolute;
diff --git a/src/styles/global.css b/src/styles/global.css
index 0885d4f..0712cc4 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -22,6 +22,10 @@ button:focus {
   outline: var(--color-primary) solid 3px;
 }
 
+img.passed-away {
+  filter: grayscale(100%);
+}
+
 @media screen and (min-width: 768px) and (max-width: 1024px) {
   .col-6-md {
     -webkit-box-flex: 0;