Fix A-FRAME Marker + Click

I am using pattern type tracking of the AR within the Aframe. However it is not working properly precisely and it is not accurate. Sometimes it shows the model on the images for which the marker was not created.

On the other hand, I want to add functionality as follows, when a user clicks on the model which was popped up by scanning the pattern image, it should do some custom action. This functionality is also not as accurate as it should be.

Below are the pattern images

https://Geogifts.app/qr_files/2021-07-18%2000%3A14%3A37.png
https://Geogifts.app/qr_files/2021-07-18%2006%3A50%3A43.png
https://Geogifts.app/qr_files/2021-07-18%2006%3A54%3A59.png
https://Geogifts.app/qr_files/2021-07-18%2008%3A52%3A22.png
https://Geogifts.app/qr_files/2021-07-18%2008%3A57%3A10.png
https://Geogifts.app/qr_files/2021-07-18%2009%3A17%3A24.png

See sample HTML code