diff --git a/client/src/components/MainContent.tsx b/client/src/components/MainContent.tsx
index 755a9a7..97e6297 100644
--- a/client/src/components/MainContent.tsx
+++ b/client/src/components/MainContent.tsx
@@ -93,7 +93,7 @@ export default function MainContent() {
             </Badge>
           </div>
         )}
-        <CardContent className="p-2">
+        <CardContent className={`p-2 ${isErlingHaaland ? 'animate-shake' : ''}`}>
           <div className="flex items-center space-x-2">
             <div 
               className={`w-10 h-10 rounded-full bg-gray-100 flex items-center justify-center overflow-hidden cursor-pointer hover:ring-2 hover:ring-blue-400 transition-all ${
diff --git a/client/src/index.css b/client/src/index.css
index d30e2c0..9ebf7fd 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -137,36 +137,11 @@
     animation: float 3s ease-in-out infinite;
   }
 
-  @keyframes shake {
-    0%, 100% {
-      transform: translateX(0) rotate(0deg);
-    }
-    10%, 30%, 50%, 70%, 90% {
-      transform: translateX(-2px) rotate(-1deg);
-    }
-    20%, 40%, 60%, 80% {
-      transform: translateX(2px) rotate(1deg);
-    }
-  }
-
-  .animate-shake {
-    animation: shake 0.5s ease-in-out infinite;
-  }
-
-  .animate-float-shake {
-    animation: float 3s ease-in-out infinite, shake 0.5s ease-in-out infinite;
-  }
 
   @media (prefers-reduced-motion: reduce) {
     .animate-float {
       animation: none;
     }
-    .animate-shake {
-      animation: none;
-    }
-    .animate-float-shake {
-      animation: none;
-    }
   }
   
   .card-hover:hover {