Masonry.JS breaks Flexbox justify options

Hello, I successfully enabled Masonry. JS by using the page-specific custom code section, in the before body section.

After I publish the page, the masonry layout works, but it broke the “justify with space around” option I set for the flex box div container of all my masonry items. Thus, the horizontal space between each masonry item disappears in the live version.

You can see it the published version here: https://hello-its-me-8cb1e1436eb64fbdefe6881655.webflow.io/
Read-only Webflow link: https://preview.webflow.com/preview/hello-its-me-8cb1e1436eb64fbdefe6881655?utm_medium=preview_link&utm_source=designer&utm_content=hello-its-me-8cb1e1436eb64fbdefe6881655&preview=9dd27397f2e756b42111b480f472d8f1&mode=preview

Any help would be appreciated!