Breaking up parts of a loop without a secondary loop

Hey wordpress friends,

this may go beyond the regular loop setup, the use case is that we have a web page that loops out employee photos, upon clicking an employee photo that employee’s info or the_content for that employee will appear under said employee that was clicked on. The issue that I am having is that the photos are looped into one bootstrap .row while the the_content is hidden in a different row. The issue being that I want to use one loop if possible but have contents that are generated from the loop that output in would-be arbitrary areas.

TLDR trying to acheive this: https://epochresidential.com/leadership but am confused on how to output parts of the loop – specifically for the hidden information (you click on an employee and that hidden info appear).

Thanks in advance, I feel I am overlooking a function that WP already provides to do this.