Having some problems with component property props

Hi, I’m currently working on a project and ran into an issue with the property element

I’m making a few card elements that require a sidebar to display additional information about that specific card layout.

I’m trying to avoid using a collection list and wanted to see if it was possible by using components with props to change the text within each of the elements.

However when clicking the button on either card, It only displays the text from the last card rather than the text related to the prop from the card.

Is there anyway around this without CMS or making an individual sidebar for each card?

Read Only Link

Here is my site Read-Only: LINK
(how to share your site Read-Only link)