diff --git a/resources/css/blocks/recommandations.css b/resources/css/blocks/recommandations.css
index 09c0974..b249f53 100644
--- a/resources/css/blocks/recommandations.css
+++ b/resources/css/blocks/recommandations.css
@@ -51,7 +51,7 @@
   }
 
   .revue-recommandation-card {
-    @apply flex flex-col gap-x-8 gap-y-2 bg-white p-8 border border-primary;
+    @apply flex flex-col gap-x-8 gap-y-2 bg-white p-8 border border-primary h-fit;
     .content-meta {
       @apply text-primary;
     }
@@ -61,9 +61,25 @@
     &__thumbnail {
       @apply p-4  border border-primary mt-8;
       transform: rotate(2deg);
+
       img {
+        transition: filter 0.3s ease-out;
+        filter: grayscale(100%);
         @apply w-full h-48 object-cover;
       }
+      &:hover img {
+        filter: grayscale(0%);
+      }
     }
   }
+
+  .revue-recommandation-card:nth-child(1) {
+    @apply mt-auto;
+  }
+  .revue-recommandation-card:nth-child(2) {
+    @apply my-auto;
+  }
+  .revue-recommandation-card:nth-child(3) {
+    @apply mb-auto;
+  }
 }