diff --git a/vue/src/components/RecipeCard.vue b/vue/src/components/RecipeCard.vue
index 7175e9f7..8445be26 100755
--- a/vue/src/components/RecipeCard.vue
+++ b/vue/src/components/RecipeCard.vue
@@ -250,6 +250,10 @@ export default {
     opacity: 1;
 }
 
+.content:hover .card-img-overlay {
+    opacity: 0;
+}
+
 .content-details {
     position: absolute;
     text-align: center;