From 6aaefb2fb7179428b31e4781cfaff5b6067a78e8 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Sat, 11 Jan 2025 14:44:12 -0800
Subject: Crossfade

---
 client/src/components/Home.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'client/src/components/Home.tsx')

diff --git a/client/src/components/Home.tsx b/client/src/components/Home.tsx
index f31d219..8e84359 100644
--- a/client/src/components/Home.tsx
+++ b/client/src/components/Home.tsx
@@ -37,7 +37,7 @@ function Home() {
         />
       )}
       <div className="carousel">
-        <AnimatePresence mode="wait">
+        <AnimatePresence mode="popLayout">
           <motion.img
             key={photos[currentIndex]}
             src={photos[currentIndex]}
@@ -45,7 +45,7 @@ function Home() {
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             exit={{ opacity: 0 }}
-            transition={{ duration: 1 }}
+            transition={{ duration: 2, ease: 'easeInOut' }}
           />
         </AnimatePresence>
       </div>
-- 
cgit v1.2.3

