Archive not working


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:

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