diff --git a/app/src/components/cards.css b/app/src/components/cards.css
index 71a216b..d238db7 100644
--- a/app/src/components/cards.css
+++ b/app/src/components/cards.css
@@ -3,3 +3,12 @@
   gap: 1rem;
   grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
 }
+
+.cards > a:hover::after {
+  content: "";
+  background-color: rgba(0, 0, 0, 10%);
+  display: block;
+  position: relative;
+  top: -100%;
+  height: 100%;
+}