Custom CMS-based slider

Hi All!

I’ve been searching for a similar topic but with no luck, therefore I have a question.

I have a simple CMS collection listed in columns. I would like for clicking on each collection item to open a CMS slider on top of the list. I managed to build it as a separate element that is set to display none and then to display block when any of the items in columns is clicked, and playing with the settings positions it above the table.
I am looking for a solution that will align the item clicked in the columns with the 1st item in the slider - they should be the same collection item.

Any ideas on how to achieve that? :)


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