Issue with multiple masonry in a page and how to initialise / destroy it

I have issue with multiple manonry in a page. The issue is, only one masonry will work as it should and another, albeit does load, but doesn’t work as been set (i.e no animation, column setting doesn’t work etc.). I’ve tested when disabling one of the masonry, then another will work. So I think there’s probably issue with having more than one masonry in a page.

So I’ve read through here before headed to official masonry website and read there’s method to initialise and destroy the masonry. I think it might help with my issue if I can destroy the first masonry before reinitialise another. Let me know if there’s better or proper solution for this issue and how. Thanks in advance.

Note: Data driven masonry loaded in routing content page. Each masonry resides within section with dynamic attribute: show.