Add ui component annotations to js aruco augmented reality app

I need a service Provider who can add html component annotations to js-aruco demo project. Here is a demo: [login to view URL] Background: If you connect a camera and show a printout of an augmented-reality marker ([login to view URL]), you can see the annotations. Currently the app adds a blue square as the annotation over the augmented-reality marker. Need: I want to add various html components to the annotation. I want the html components to rotate with the marker along the x,y, and z axis. Requirements: Start with the demo above. Add the ability to use a button and a textfield as an annotation. I have attached two screenshots of what I need. The first shows how aruco currently looks, the 2nd screenshot demonstrates my goal for this project. I want you to implement the 3d rotations using html css 3d transforms. I want the html content to be centered vertically and horizontally within the marker Challenges - I tried this previously but had difficulty: Converting pitch , roll, and yaw to x,z,y rotations Setting the css perspective (it is OK to assume width and height are always 640) Please ask questions if instructors are unclear