I am using wookmark.js in order to load Masonry styled grid in my website. As they recommend, I am using first a display:none CSS property to hide images until loading (detected by imagesLoaded) and then display it.
Will it have a bad impact on my website rank by google? can I be punished for using such technique?
No, as far as I can tell, there will be no negative effect of using
display:none;, and there are no google articles suggesting that it will affect your rep.