jQuery modal displays random info every time the 'see more' button gets pressed

I’m getting data from an API, I was able to display on the browser as an individual tile (image, names, phone number, …). I have a jQuery modal in it so when press: “get more info”, it’ll popup a window. This is where my problem starts: Let’s say I get 4 tiles, and if I want to get more info from tile 2, the modal will popup and it’ll give me the info from tile 1. If I press another tile, I’ll get info from tile 2, and so on. How can I make sure that when I want to get info from an specific tile, i’ll get the right info when the popup modal comes up?

https://codepen.io/eddycaldas/pen/oPPzgv
I attach the info on codepen
Thanks for the advice
Use zip Code 80015

Thank you for the advice. Here I attach the code
https://codepen.io/eddycaldas/pen/oPPzgv

Awesome!!! it worked. Thank you for the help. D