No the extra information is the html that is already in the page except that you have hidden it initially. When you hover the image the information is revealed as shown in Sam’s post above.
As mobile doesn’t really understand :hover you need to apply a click routine to provide the same effect as the hover (some mobiles will treat a ‘first touch’ as a hover effect but that usually causes more problems than it solves because you can’t then get rid of the touch effect because it isn’t transient).
For touch I would usually detect if touch is present and supply some js to activate a class change when touched and avoid the hover issue altogether. I would also add a class to the html element to show whether touch is enabled and remove a hover class at the same time. In this way hover interactions are not duplicated by mobiles that understand a first touch as hover.
Here’s a very quick rough and ready demo with all the elements in place. Just view source to see the complete code. Most of the js is borrowed snippets which I’m sure the JS forum could tidy up a bit if needed.
Note that all the js does is switch classes as required; it’s the css and html does all the heavy lifting.
Here’s a codepen to play width: