diff --git a/public/smoke.svg b/public/smoke.svg index 06a0921..03d5e17 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 2ef788b..c546ea0 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -584,24 +584,25 @@ } 100% { - background-position: 500px 0; + background-position: 1000px 500px; } } .fog-layer-1 { background-image: url('/smoke.svg'); background-repeat: repeat; - background-size: 300px 300px; - animation: fog-drift 30s linear infinite; + background-size: 400px 400px; + animation: fog-drift 15s linear infinite; opacity: 0.8; - filter: blur(20px); + filter: blur(15px); } .fog-layer-2 { background-image: url('/smoke.svg'); background-repeat: repeat; - background-size: 250px 250px; - animation: fog-drift 20s linear infinite reverse; + background-size: 350px 350px; + animation: fog-drift 10s linear infinite reverse; + animation-delay: -5s; opacity: 0.6; - filter: blur(15px); + filter: blur(10px); } \ No newline at end of file