Chrome OK / Firefox & Safari not displaying flex properly

Hi all,

Just finishing up my first webflow project (thankfully started from a legit clone) but for some reason I’m seeing different layouts of the main flexbox on the main page (the one with all the cards).

On Chrome it’s displaying 3 wide as rows then wrapped around as it should but on Safari is showing 2 at the top followed by three and on Firefox just 2 x 2 x 2.

I’m probably missing something easy but would appreciate any help. I have everything else set up I believe so just want to make sure this is set before I share around.

Website: hk-for-hk.webflow.io

Thanks in advance.
Ben