Flatiron - problem with top row of images being cut off

Site URL: https://www.catherinegionfriddo.com/

I am having an issue where my top row of images gets cropped off when I navigate to my site. It does this about 80% of the time but not always, and when I refresh, it goes away. I contacted support and they said it's a known issue with the flatiron template (it wasn't always like this!). I also can't insert a white spacer between the header and the videos (I thought this might be a solve). I'm wondering if anyone has encountered this and can suggest a custom code? I found another similar conversation but I'm not sure the issue is the same as they were talking about 7.1 and none of the custom code suggested helped with my issue. The screengrabs below show the difference between when it's cut off and when it's not. Thank you!

I've definitely experienced issues on 7.0 with grids and summary block thumbnails not sizing properly, usually because of the amount of items or spacing issues. Sometimes it's within the default CSS that conflicts with other areas of the page. The scripts for these blocks are weird sometimes, even if you don't have conflicting Custom CSS.

This might help your problem:

#collection-597767a8a5790a133c13e5de {
	#grid {
	margin-top: 55px !important;
	}
}

Hope this helps!

-Dan

It's so weird, so this seems to help, and it's getting cut off less often, but then every once in awhile it still gets cut off. This is so strange. I do think this makes it better more often though!