Masonry Height and Loading Issues

I’m currently having two issues with a Masonry section on my homepage. The section in question is at the very bottom of my homepage (link and password in the Private Content).

Problem 1: When you scroll down to the bottom of the page, you’ll see a white and blue striped section with no apparent content. That’s where the masonry content is supposed to be. If you resize the page, the section will appear, but it’s not there unless you resize the page. My best guess is this is caused by some kind of scroll animation malfuctioning (so the content is supposed to fade or zoom in when you scroll down the page, but it doesn’t), but I have animation turned off for the masonry section.

Problem 2: I’m trying to make the masonry section look like the section immediately above it. I’ve mostly succeeded, except that the image is ridiculously small. The problem is that as I’ve stylized things in the content box (increasing the character limit, adding more padding, etc), it’s made the content box bigger, and instead of making the whole masonry block larger, it ate away the image space and made that smaller. I want to either increase the height of the image, or increase the image of the whole block (so that it looks like the section above it).

I hope that makes sense. I’m not always great at explaining the issues I’m having. Let me know if you have any questions.

Thank you!