From 67db0b9ac53f999674cb877a3d073fa8f83530e5 Mon Sep 17 00:00:00 2001
From: Michael Czechowski <mail@dailysh.it>
Date: Wed, 14 Jan 2026 15:47:40 +0100
Subject: [PATCH] fix(animation): move bowl to preview-wrapper and increase
 size

---
 src/main.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/main.css b/src/main.css
index fc9e545..15f7738 100644
--- a/src/main.css
+++ b/src/main.css
@@ -713,15 +713,15 @@ kbd {
 }
 
 /* Bowl smiley peek animation from bottom right corner */
-.preview-section.matched::after {
+.preview-wrapper.matched::before {
 	content: "";
 	position: absolute;
 	bottom: 0;
-	right: 40px;
-	width: 80px;
-	height: 80px;
+	right: 20px;
+	width: 200px;
+	height: 200px;
 	background: url("/bowl.png") center/contain no-repeat;
-	z-index: 20;
+	z-index: 5;
 	pointer-events: none;
 	animation: bowl-peek 3s ease-in-out forwards;
 	transform: translateY(100%);