From d7961af07a37ad076609ed2692f3d5735ddb86eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 22 Feb 2026 08:31:06 +0100
Subject: [PATCH] fix: ensure post card hover effects fire by separating them
 from entry animation

---
 partials/post-card.hbs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/partials/post-card.hbs b/partials/post-card.hbs
index 3b85683..af5a2e3 100644
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@@ -1,8 +1,8 @@
-<article class="post-grid-item opacity-0 relative bg-[var(--bg-secondary)] rounded-xl shadow-lg overflow-hidden group h-80 transition-all duration-500 hover:shadow-2xl hover:-translate-y-2 hover:ring-2 hover:ring-[var(--brand-primary)]/50">
-    <a href="{{url}}" class="block h-full relative">
+<article class="post-grid-item opacity-0 group h-80">
+    <a href="{{url}}" class="block h-full relative bg-[var(--bg-secondary)] rounded-xl shadow-lg overflow-hidden transition-all duration-500 hover:shadow-2xl hover:-translate-y-2 hover:ring-2 hover:ring-[var(--brand-primary)]/50">
         {{#if feature_image}}
             <img
-                class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110"
+                class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-110"
                 src="{{img_url feature_image size="m"}}"
                 srcset="{{img_url feature_image size="s"}} 400w,
                         {{img_url feature_image size="m"}} 600w,
@@ -13,7 +13,7 @@
                 loading="lazy"
             >
         {{else}}
-            <div class="w-full h-full flex items-center justify-center bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] text-2xl transition-colors duration-500 group-hover:bg-[var(--bg-secondary)]">No Image</div>
+            <div class="absolute inset-0 w-full h-full flex items-center justify-center bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] text-2xl transition-colors duration-500 group-hover:bg-[var(--bg-secondary)]">No Image</div>
         {{/if}}
 
         {{!-- Gradient Overlay --}}