feat: migration von directus zu payloadcms

components/blog/AnimatedImage.tsx

@@ -34,7 +34,7 @@ export default function AnimatedImage({
           }
         });
       },
-      { threshold: 0.1 }
+      { threshold: 0.1 },
     );
 
     if (containerRef.current) {
@@ -45,15 +45,17 @@ export default function AnimatedImage({
   }, []);
 
   return (
-    <div 
+    <div
       ref={containerRef}
       className={`relative overflow-hidden rounded-2xl shadow-2xl my-16 group ${className}`}
     >
-      <div className={`
+      <div
+        className={`
         absolute inset-0 bg-primary/10 z-10 pointer-events-none transition-opacity duration-1000
         ${isLoaded && isInView ? 'opacity-0' : 'opacity-100'}
-      `} />
-      
+      `}
+      />
+
       <Image
         src={src}
         alt={alt}
@@ -67,17 +69,9 @@ export default function AnimatedImage({
         onLoad={() => setIsLoaded(true)}
         priority={priority}
       />
-      
+
       {/* Subtle reflection overlay */}
       <div className="absolute inset-0 bg-gradient-to-tr from-white/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none" />
-      
-      {alt && (
-        <div className="absolute bottom-0 left-0 right-0 p-6 bg-gradient-to-t from-black/60 to-transparent translate-y-full group-hover:translate-y-0 transition-transform duration-500">
-          <p className="text-sm text-white font-medium italic">
-            {alt}
-          </p>
-        </div>
-      )}
     </div>
   );
 }