Inject custom text on picture with JS

The task is to make a mockup in html/css/js to implement afterwards on a tool we already built. There is 2 images now of jewelry one in gold and one in black. We need to insert the custom text and display it injected over the picture with javascript.

More details on the attached file