spoilerを画像にだけ適用するように変更

resources/assets/js/app.js

@@ -96,9 +96,11 @@ $(() => {
         }
     });
 
-    $(document).on('click', '.card-spoiler-overlay', function (event) {
+    $(document).on('click', '.card-spoiler-wrap', function (event) {
         const $this = $(this);
-        $this.siblings(".card-link").removeClass("card-spoiler");
+        const $card = $this.siblings(".card-link");
+        $card.removeClass("card-spoiler");
+        $card.find('.card-img-spoiler-overlay').remove();
         $this.remove();
     });
 });

resources/assets/sass/components/_link-card.scss

@@ -31,15 +31,25 @@
     white-space: pre-line;
   }
 
-  .card-spoiler-overlay {
+  .card-spoiler-wrap {
     position: absolute;
     z-index: 1000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
     width: 100%;
     height: 100%;
     cursor: pointer;
+  }
+
+  .card-spoiler img{
+    z-index: 1;
+    filter: blur(15px) grayscale(100%);
+  }
+
+  .card-img-spoiler-overlay {
+    position: absolute;
+    z-index: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
     .warning-text {
       padding: 10px;
@@ -48,9 +58,4 @@
       border-radius: 5px;
     }
   }
-
-  .card-spoiler {
-    z-index: 1;
-    filter: blur(15px) grayscale(100%);
-  }
 }