Collection items alignment not as expected

Hello. Can anybody see what the problem is here? I have a row of images being controlled by the Flex - Horizontal tools, and I want to replace the static content with a collection managing the content delivery, but the collection setup is not the same alignment. As seen below.

Both rows should have the same alignment.
I thought maybe because the collection setup has an extra element (the collection item itself, but it has no class) this might be the issue but even when I gave the collection item the class that matched the image example above the alignment problem was not fixed.

Is it possible to do what I want to do?

Here is the site, the page to look at is Home New if anybody can tell me what I’m doing wrong: https://preview.webflow.com/preview/mackenziecivil?utm_medium=preview_link&utm_source=designer&utm_content=mackenziecivil&preview=10027ec4701d19a3f9e9c694d9da13cd&pageId=5fdff97b313e003a8b0eb0dc&mode=preview

Cheers
Grant