modal duration change, AI face mirror banner video no longer full screens on mobile

src/website/packages/fakeyou.com/src/components/providers/ModalProvider/ModalLayer.tsx

@@ -21,7 +21,7 @@ export default function ModalLayer({
   const tintTransition = useTransition(modalOpen, {
     config: {
       easing: modalOpen ? easings.easeOutQuad : easings.easeInQuad,
-      duration: 175,
+      duration: 250,
     },
     from: { opacity: 0 },
     enter: { opacity: 1 },

src/website/packages/fakeyou.com/src/v2/view/pages/ai_face_mirror/AIFaceMirror.tsx

@@ -84,7 +84,9 @@ export default function AIFaceMirror({ sessionSubscriptionsWrapper }: Props) {
     <Container className="mt-3">
       <Panel {...{ className: "fy-ai-face-mirror-panel" }}>
         <header {...{ className: "fy-ai-face-mirror-header" }}>
-          <video autoPlay muted loop id="myVideo">
+          <video
+            {...{ autoPlay: true, muted: true, loop: true, playsInline: true }}
+          >
             <source src="/videos/motion_mirror_bg_04.mp4" type="video/mp4" />
           </video>
           <div {...{ className: "fy-ai-face-mirror-header-content" }}>