Hey there, I'm struggling to achieve the same row size of images as shown in the example. However, when I adjust the window size, the larger images become smaller than the columns on the left. This has been a challenge for me and I haven't found a solution yet. Additionally, I need to incorporate overlay text, which adds another layer of complexity. Any suggestions would be greatly appreciated! http://jsfiddle.net/sLk0jf4L/264/
<div class="row" data-equalizer>
<div class="small-3 columns col-left" data-equalizer-watch>
<div class="row">
<div class="small-12 columns">
<img src="http://placehold.it/600x300" />
<img src="http://placehold.it/600x300" />
</div>
</div>
</div>
<div class="small-3 columns col-left" data-equalizer-watch>
<div class="row">
<div class="small-12 columns">
<img src="http://placehold.it/600x300" />
<img src="http://placehold.it/600x300" />
</div>
</div>
</div>
<div class="small-3 columns" data-equalizer-watch>
<img src="http://placehold.it/600x645" />
</div>
<div class="small-3 columns" data-equalizer-watch>
<img src="http://placehold.it/600x645" />
</div>
</div>