[IOS, React, FaceLivenessDetector] Video overlaps other controls

[duck-duckfield]

Describe the bug

FaceLivenessDetector on static React page opened thru WebView on IOS. Normally we should see standard controls and labels and transparent oval in the screen center allowing to see live video from camera, and it works fine on Android. But on IOS video is presented in the top of other html elements and controls, making it impossible, in particular, to press the button "Start Video Check"

Steps To Reproduce

Steps to reproduce the behavior:
1. Open a page with <FaceLivenessDetector sessionId={correctRealSessionId}/> on IOS thru WebView
2. See the video occupies the whole screen overlapping all other controls

Expected behavior

We should see the video only inside the oval area

Swift Liveness Version

Static React page + React Native (Expo)

Xcode version

using VS Code, I think it's doesn't matter for this problem

Relevant log output

No response

Is this a regression?

No

Regression additional context

No response

OS Version

iOS 17.6.1

Device

iPhone 15 Pro

Specific to simulators

No response

Additional context

<ThemeProvider>
  <FaceLivenessDetector
    sessionId={sessionId}
    region="eu-west-1"
    onAnalysisComplete={handleAnalysisComplete}
    onError={handleError}
  />
</ThemeProvider>

[duck-duckfield]

Closing as wrong repo. Re-created here aws-amplify/amplify-ui#5757

[github-actions]

⚠️COMMENT VISIBILITY WARNING⚠️

Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.
If you wish to keep having a conversation with other community members under this issue feel free to do so.