CMS Collection display issue

I’ve noticed an issue with the CMS collection display. There is spacing below images that are disrupting the layout. I’m not certain where this spacing is coming from. It only shows a few images, instead of all of the images. Please provide any insight you may have. I have seen this issue on another page that was created that has a similar design that uses CMS collections.

Here is my public share link: *Webflow - Lozano Masonry

I usually recommend that the use of columns (floats) be avoided for more modern approaches like grid or flexbox.

hey caleb! you will need to add a div inside of collection item ad set it to relative and set the lightbox element to absolute full and then give the div a specific min height. this should work

Here’s a walkthrough of how to switch it to a CSS grid, and make it responsive.