diff --git a/app/globals.css b/app/globals.css
index dfceebc..dd68c10 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -27,47 +27,39 @@
     animation-play-state: paused;
   }
 
-  @keyframes hero-wave-primary {
+  @keyframes hero-image-cycle-primary {
     0%, 49.99% { opacity: 1; }
     50%, 100% { opacity: 0; }
   }
 
-  @keyframes hero-wave-secondary {
+  @keyframes hero-image-cycle-secondary {
     0%, 49.99% { opacity: 0; }
     50%, 100% { opacity: 1; }
   }
 
-  @keyframes hero-wave-sway {
-    0%, 100% { transform: rotate(0deg) translateY(0); }
-    25% { transform: rotate(-2deg) translateY(-1px); }
-    50% { transform: rotate(2.5deg) translateY(0); }
-    75% { transform: rotate(-1deg) translateY(-1px); }
+  .hero-image-cycle-frame {
+    will-change: opacity;
   }
 
-  .hero-wave-frame {
-    transform-origin: 70% 88%;
-    will-change: opacity, transform;
-  }
-
-  .hero-wave-frame-secondary {
+  .hero-image-cycle-secondary {
     opacity: 0;
   }
 
-  .hero-wave:hover .hero-wave-frame-primary {
-    animation: hero-wave-primary 520ms steps(1, end) infinite, hero-wave-sway 720ms ease-in-out infinite;
+  .hero-image-cycle:hover .hero-image-cycle-primary {
+    animation: hero-image-cycle-primary 650ms steps(1, end) infinite;
   }
 
-  .hero-wave:hover .hero-wave-frame-secondary {
-    animation: hero-wave-secondary 520ms steps(1, end) infinite, hero-wave-sway 720ms ease-in-out infinite;
+  .hero-image-cycle:hover .hero-image-cycle-secondary {
+    animation: hero-image-cycle-secondary 650ms steps(1, end) infinite;
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .hero-wave:hover .hero-wave-frame-primary {
+    .hero-image-cycle:hover .hero-image-cycle-primary {
       animation: none;
       opacity: 0;
     }
 
-    .hero-wave:hover .hero-wave-frame-secondary {
+    .hero-image-cycle:hover .hero-image-cycle-secondary {
       animation: none;
       opacity: 1;
     }
diff --git a/components/home-hero.tsx b/components/home-hero.tsx
index 97581d3..9da9be2 100644
--- a/components/home-hero.tsx
+++ b/components/home-hero.tsx
@@ -88,7 +88,7 @@ export function HomeHero({ news }: HomeHeroProps) {
           </div>
         </div>
 
-        <div className="hero-wave group absolute right-0 bottom-0 hidden h-full w-44 overflow-hidden sm:block">
+        <div className="hero-image-cycle absolute right-0 bottom-0 hidden h-full w-44 overflow-hidden sm:block">
           <Image
             src="/images/hero1.png"
             alt="Poyraz Avsever"
@@ -96,7 +96,7 @@ export function HomeHero({ news }: HomeHeroProps) {
             height={220}
             sizes="180px"
             priority
-            className="hero-wave-frame hero-wave-frame-primary absolute right-0 bottom-0 h-auto w-36 object-contain"
+            className="hero-image-cycle-frame hero-image-cycle-primary absolute right-0 bottom-0 h-auto w-36 object-contain"
           />
           <Image
             src="/images/hero2.png"
@@ -105,7 +105,7 @@ export function HomeHero({ news }: HomeHeroProps) {
             height={220}
             sizes="180px"
             aria-hidden="true"
-            className="hero-wave-frame hero-wave-frame-secondary absolute right-0 bottom-0 h-auto w-36 object-contain"
+            className="hero-image-cycle-frame hero-image-cycle-secondary absolute right-0 bottom-0 h-auto w-36 object-contain"
           />
           <div
             aria-hidden="true"