Thank you so much! I went through your code and I was able to solve it. I’ve updated the example given:http://db.tt/i5sKuwp7.
I made a few changes like adding a border and hiding the images on hover. But I still have one problem. When the layout changes to 1 column the images are horizontally aligned to the center. How can I make them align to the left?
My CSS is really weak. Thanks a lot for helping me.