Getting proper data in modal

I'm trying to access data two times in my template, once on a list view, and once in a modal view. Upon clicking on the image, the modal will display a lot of the same data, just blown up. I'm having issues. The modal seems to be taking the last set of data, even though it's nested in the each statement. Any ideas? Here's my code...

<div class="row">
  
    <div class="col-xs-12 col-sm-6 col-md-4">
      <div class="shopify-grid-wrapper">
        <div id="#image-wrapper" class="image-wrapper" >
        <div class="img-overlay">
          <p>
            Click for More Details
          </p>
        </div>
          
            <img src= />
          
        </div>
        <div class="description-wrapper">
          <span><p></p></span>
          <p>
            
          </p>
          <p>
            
          </p>
        </div>
      </div>
    </div>

    
      
      <div class="left-side">
        
      </div>
      <div class="right-side">
        
        <div class="Cart ">
          
        </div>
        <p >
          Close
        </p>
      </div>
      
    


  
</div>