Took a quick look at this essentially if it were my project I would define each modal so in your instance I would create a combo class of
{1modal_component} {1} - this is for column 2
{1modal_component} {2} - this is for column 3
If you look at the interaction you have setup for the button opening the modal its currently targeting {1modal_component} so its going to keep opening up the same modal regardless if you have more modal divs. That's why if you create a combo class you can have column 2 button targeting
{1modal_component} {1}
and the 3rd column button interaction will be targeting
{1modal_component} {2}
Pretty much just missing the step of defining each modal.
PS you can duplicate the interaction for opening the modal, rename it and change the target class and you will have to do that for both closing and opening the modal.
