Images overlap with collection-repeat and image ng-src

Similar problem with size of images to Collection-repeat not rendering size of item properly.

With sample in http://codepen.io/RichardKang/pen/rVvZZP, keep refreshing and sometimes I get the images overlap each others as screenshot below. How can I delay the rendering?

Also I noticed collection-repeat generates list of

with x:-9999px, y:-9999px, could this be the reason of images overlapping each other?

image

Thanks in advance!

Richard