Masonry layout works incorrectly sometimes, but it works after reloading

https://imagefree.com/en This is my website, and I have used massonry library. The framework is laravel.

This is my code

<script>
     document.addEventListener("DOMContentLoaded", function () {
        $masonry = $('.masonry__wrap').masonry({
            itemSelector: '.masonry__item',
            percentPosition: true,
            columnWidth: '.masonry__sizer',
            gutter: 19
        });
     }
</script>

Please help me. Thanks.