Bootstrap折叠滚动到内容

Question

在CSS的帮助下，它做到了像这样：图片信息，图片和信息块https://prnt.sc/tjoxhi。当我单击图片时，信息会出现在侧面，但事实是，如果有很多图片，则信息将始终位于块的顶部，如示例中所示。我需要将文字滑到图片example what i want的水平，请帮助我。

<!--Accordion wrapper-->
<div class="accordion md-accordion" id="accordionEx1" role="tablist" aria-multiselectable="true">
   <div class="card">
      <!-- Card header -->
      <div class="card-header" role="tab" id="headingTwo_0">
         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx0" href="#collapseTwo"
            aria-expanded="false" aria-controls="collapseTwo_0">
            <div class="collapse-participants">
               lorem
            </div>
         </a>
      </div>
      <!-- Card body -->
      <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo"
         data-parent="#accordionEx0">
         <div class="card-body">
            lorem 
         </div>
      </div>
   </div>
</div>

<div class="container-tab-info">
   <div class="col-md-12">
      <div id="tab-0" class="tab-content">
         <div class="full-name">
            lorem
         </div>
      </div>
   </div>
</div>
</div>