Hints such as "Move closer" should not overlap on video

[shasanug]

On which framework/platform would you like to see this feature implemented?

React

Which UI component is this feature-request for?

Liveness

Please describe your feature-request in detail.

On desktop browsers, hints such as "Move closer" messages overlap with the video. But whereas the experience is different in a mobile browser. Adding the screenshots for reference.

Desktop

Mobile

Hints such as "Move closer" messages should not overlap with the video because they only restrict the user in seeing their face completely and is a bad UI experience.

Please describe a solution you'd like.

Show hints on top (no overlap) of the video. Mobile browser UI experience already has this and can be used as a reference for implementing on desktop

We love contributors! Is this something you'd be interested in working on?

• 👋 I may be able to implement this feature request.
• ⚠️ This feature might incur a breaking change.

[calebpollman]

Thanks for opening this @shasanug. Will look in to it