From b6ed15c2cca25606875f262ac9be341e212b932f Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Fri, 27 Feb 2026 00:12:32 +0200
Subject: [PATCH] Bob AI: Add inner shadow effect to images on hover in the
 about sect

---
 src/components/sections/about/MediaAbout.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/about/MediaAbout.tsx b/src/components/sections/about/MediaAbout.tsx
index 130a1d5..0d9058d 100644
--- a/src/components/sections/about/MediaAbout.tsx
+++ b/src/components/sections/about/MediaAbout.tsx
@@ -104,13 +104,14 @@ const MediaAbout = ({
                             height: "100%",
                             backfaceVisibility: "hidden",
                         } : undefined}
+                        className="group"
                     >
                         <MediaContent
                             imageSrc={imageSrc}
                             videoSrc={videoSrc}
                             imageAlt={imageAlt}
                             videoAriaLabel={videoAriaLabel}
-                            imageClassName={cls("w-full h-full object-cover", mediaClassName)}
+                            imageClassName={cls("w-full h-full object-cover transition-shadow duration-300 group-hover:shadow-inner", mediaClassName)}
                         />
                         <div className="absolute inset-0 z-0 bg-background/40 backdrop-blur-xs pointer-events-none select-none rounded-theme-capped" />
                         <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
-- 
2.49.1