White space between project rows

I have set up some projects under the heading ‘stories’ on my home page (www.davidborrowdale.com). There is some white space between the rows of featured images which I’d like to remove. Also I’d like the hover colour to extend only the size of the image not a bit below as it does now.

Basically I want the projects section to look exactly as it does in the demo. Why doesn’t it?

Thanks

Don’t worry. I found the simple solution here: https://athemes.com/forums/topic/how-to-make-larger-projects/#post-151444