clouds completed, z-indices

src/components/FullScreenButton.tsx

@@ -2,6 +2,7 @@ import { Dispatch, SetStateAction, useEffect } from "react";
 import FullScreenIcon from "./icons/FullScreenIcon";
 import Button from "./ui/Button";
 import CloseFullscreenIcon from "./icons/CloseFullscreenIcon";
+import { isMobileSafari } from "react-device-detect";
 
 interface IFullScreenProps {
   onFullScreenChange: Dispatch<SetStateAction<boolean>>;
@@ -26,12 +27,14 @@ function FullScreenButton({
       );
   }, [onFullScreenChange]);
 
+  if (isMobileSafari) return null;
+
   return (
     <Button
       onlyIcon
       size="small"
       variant="secondary"
-      className="absolute lg:top-[1.667vw] lg:right-[1.667vw] top-4 right-4"
+      className="absolute lg:top-[1.667vw] lg:right-[1.667vw] top-4 right-4 z-10"
       onClick={handleClick}
     >
       <span className="lg:w-[1.389vw] lg:h-[1.389vw] w-5 h-5">