Archive not working

Hello!

I’m struggling to grasp how the Custom Fields are working with Webflow. The initial items are showing the correct image / text (some items will only contain text whilst others only contain images **both are clickable to trigger modal). However, on-click, the modal does not represent the item clicked on.

In addition to this, nesting a div within the collection item also breaks the modal (you cannot close the modal despite increasing the z-index).

Perhaps my references are wrong? Or I’m nesting incorrectly, or my entire CMS structure is crazy!


Here is my public share link: https://preview.webflow.com/preview/rwwi-explore?utm_medium=preview_link&utm_source=designer&utm_content=rwwi-explore&preview=cc730f01f8945ed0cb5804e6c528b151&pageId=5d2203c8396cc03698daa10b&itemId=5d2229a8420c54e29e3afc8b&mode=preview


Here is my public share link: LINK
(how to access public share link)