diff --git a/src/components/OptimizedImage.tsx b/src/components/OptimizedImage.tsx
index bbf04f8..bf99ca0 100644
--- a/src/components/OptimizedImage.tsx
+++ b/src/components/OptimizedImage.tsx
@@ -68,9 +68,10 @@ export default function OptimizedImage({
           style={{
             position: 'absolute',
             inset: 0,
-            background: 'linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)',
+            background: 'linear-gradient(90deg, #f5f0e8 25%, #e8e4dc 50%, #f5f0e8 75%)',
             backgroundSize: '200% 100%',
-            animation: 'shimmer 1.5s infinite',
+            animation: 'shimmer 1.5s ease-in-out infinite',
+            zIndex: 1,
           }}
         />
       )}
@@ -107,7 +108,9 @@ export default function OptimizedImage({
             height: '100%',
             objectFit: 'cover',
             opacity: loaded ? 1 : 0,
-            transition: 'opacity 0.3s ease',
+            transition: 'opacity 0.4s ease-out',
+            position: 'relative',
+            zIndex: 2,
           }}
         />
       )}