diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 2c0c67ef9..c2e31cc17 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -585,17 +585,28 @@
       }
     }
 
-    .card:has(.card__background img:not([src=""])) {
+    &:has(.card__background img:not([src=""])) {
       .card__content,
       .card__meta,
+      .card__comments,
       .card__column-name:not(.card__column-name--current) {
         opacity: 0;
         transition: opacity 0.2s ease-in-out;
+      }
 
-        @media (any-hover: hover) {
-          .card:hover & {
+      @media (any-hover: hover) {
+        &:hover {
+          .card__content,
+          .card__footer,
+          .card__comments,
+          .card__column-name:not(.card__column-name--current) {
             opacity: 1;
           }
+
+          .card__background img {
+            filter: blur(3px) brightness(1.2);
+            opacity: 0.2;
+          }
         }
       }
     }
@@ -604,13 +615,6 @@
       inset-inline-start: 100%;
       translate: -90% -40%;
     }
-
-    @media (any-hover: hover) {
-      .card:has(.card__background img:not([src=""])):hover .card__background img:not([src=""]) {
-        filter: blur(3px) brightness(1.2);
-        opacity: 0.2;
-      }
-    }
   }
 
   /* Considering