clouds completed, z-indices

src/components/SequenceSlider.tsx

@@ -51,9 +51,7 @@ function SequenceSlider({ complexName }: SequenceSliderProps) {
     setIsShowVideo(false);
   }
 
-  function handleLoadVideo() {
-    console.log("handleLoadVideo");
-  }
+  function handleLoadVideo() {}
 
   function animate(direction: "next" | "prev") {
     setIsAnimating(true);
@@ -110,6 +108,7 @@ function SequenceSlider({ complexName }: SequenceSliderProps) {
       <AnimatePresence>
         {imageLoaded < FRAME_COUNT && (
           <motion.div
+            initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             exit={{ opacity: 0 }}
             className="absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-white"
@@ -228,7 +227,6 @@ function SequenceSlider({ complexName }: SequenceSliderProps) {
           <BottomButton />
           <PrivacyPolicyButton />
         </div>
-        <BottomButton />
       </div>
     </div>
   );