fix: show project card images in full color, add hover zoom

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/sections/SelectedWorks.tsx

@@ -188,24 +188,16 @@ function SmallCard({ project, readLabel, t }: { project: Project; readLabel: str
       )}
     >
       <div className="relative overflow-hidden">
-        <div
-          className={cn(
-            'transition-all duration-500',
-            'grayscale group-hover:grayscale-0',
-            'opacity-80 group-hover:opacity-100',
-          )}
-        >
         <div className="relative w-full aspect-[16/7]">
           <Image
             src={project.image}
             alt={t(`work.projects.${project.i18nKey}.title`)}
             fill
-              className="object-cover"
+            className="object-cover transition-transform duration-500 group-hover:scale-[1.03]"
             sizes="(max-width: 768px) 100vw, 33vw"
           />
         </div>
       </div>
-      </div>
 
       {/* Content */}
       <div className="flex flex-col flex-1 p-5 gap-3">