add group hover effect

1 files changed, 2 insertions, 2 deletions

diff --git a/src/components/ImageGalleryGrid.tsx b/src/components/ImageGalleryGrid.tsx
index 9caa5dd..0b657cf 100644
--- a/src/components/ImageGalleryGrid.tsx
+++ b/src/components/ImageGalleryGrid.tsx
@@ -40,7 +40,7 @@ export default function ImageGalleryGrid({ images }: ImageItems) {
         {images.map((image, idx) => (
           <button
             key={image.id ?? image.src}
-            className="relative overflow-hidden rounded-xl shadow-lg aspect-square"
+            className="relative overflow-hidden rounded-xl shadow-lg aspect-square group cursor-pointer"
             onClick={() => setSelectedIndex(idx)}
           >
             <img
@@ -97,4 +97,4 @@ export default function ImageGalleryGrid({ images }: ImageItems) {
       )}
     </>
   );
-}
\ No newline at end of file
+}