From c07f839773ce15ebfd75b25d8d1b6a587442a6db Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Sat, 4 Apr 2026 00:46:26 +0900
Subject: [PATCH] fix: GPU-accelerate blob animations to prevent layout jitter

Added will-change:transform, contain:layout style, and
backface-visibility:hidden to all blob animations. This promotes
blobs to their own GPU compositing layer, preventing them from
triggering main-thread reflow/repaint that causes page shaking.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/index.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/index.css b/src/index.css
index 022bc99..18881fa 100644
--- a/src/index.css
+++ b/src/index.css
@@ -125,6 +125,13 @@
   }
 }
 
+/* GPU-accelerate all blob animations to prevent layout jitter */
+.animate-blob, .animate-blob-large {
+  will-change: transform;
+  contain: layout style;
+  backface-visibility: hidden;
+}
+
 .animate-blob-large {
   animation: blob-large 25s infinite ease-in-out;
 }