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">