Rollovers

My rollovers are finally working, again, however the pictures are too close together and only the rollover on the right side of the screen works properly. How do I space the pictures so they work? I have 2 pictures per row and one per column. And, although the coding has them on different rows, they show up on the same row.

Advice, please.

<div class="row">

<div class="col col-md-one-half col-full"><div class="thumbnail-drag"></div></div>
<div class="col col-md-one-half col-full"><div class="thumbnail-drag2"></div></div> 
</div>
<div class="row">

<div class="col col-md-one-half col-full"><div class="thumbnail-drag3"></div></div>
<div class="col col-md-one-half col-full"><div class="thumbnail-drag4"></div></div>

</div>
<div class="row">
<div class="col col-md-one-half col-full"><div class="rollover-dragster"></div></div>
<div class="col col-md-one-half col-full"><div class="rollover-rake"></div></div>
<div class="col col-md-one-half col-full"><div class="rollover-equig-qd"></div></div>
</div>