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: Webflow - MacKenzie Civil

Cheers
Grant