diff --git a/public/smoke.svg b/public/smoke.svg
index 25f04c2..06a0921 100644
--- a/public/smoke.svg
+++ b/public/smoke.svg
@@ -2,10 +2,10 @@
-
+
diff --git a/src/app/globals.css b/src/app/globals.css
index 9a431fe..42ba3b7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -591,15 +591,15 @@
.fog-layer-1 {
background-image: url('/smoke.svg');
background-repeat: repeat;
- background-size: 500px 500px;
- animation: fog-drift 60s linear infinite;
- opacity: 0.4;
+ background-size: 600px 600px;
+ animation: fog-drift 30s linear infinite;
+ opacity: 0.6;
}
.fog-layer-2 {
background-image: url('/smoke.svg');
background-repeat: repeat;
- background-size: 400px 400px;
- animation: fog-drift 40s linear infinite reverse;
- opacity: 0.3;
+ background-size: 500px 500px;
+ animation: fog-drift 20s linear infinite reverse;
+ opacity: 0.5;
}
\ No newline at end of file
diff --git a/src/components/UserHeader.tsx b/src/components/UserHeader.tsx
index 4c5ec65..63ff982 100644
--- a/src/components/UserHeader.tsx
+++ b/src/components/UserHeader.tsx
@@ -230,7 +230,7 @@ export function UserHeader({ user, preferences }: UserHeaderProps) {
{/* Subtle moving fog layers - CSS procedural animation */}
-