From 6584fdc07126bf085c3bd921c3865f39e078be95 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 4 Oct 2025 13:30:01 +0000
Subject: [PATCH] Fix photo overlay on hover

---
 src/components/parks/ParkCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/parks/ParkCard.tsx b/src/components/parks/ParkCard.tsx
index 7cc4570f..24c0c248 100644
--- a/src/components/parks/ParkCard.tsx
+++ b/src/components/parks/ParkCard.tsx
@@ -59,7 +59,7 @@ export function ParkCard({ park }: ParkCardProps) {
           )}
           
           {/* Gradient Overlay */}
-          <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent" />
+          <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent group-hover:scale-110 transition-transform duration-500" />
           
           {/* Status Badge */}
           <Badge className={`absolute top-3 right-3 ${getStatusColor(park.status)} border`}>