Initializing two different instances causes one to fail.

[jankeistoer]

Expected Behavior

I expect both instances to work properly and set correct sizes.

Actual Behavior

One of the instances works perfectly but the height of the second instance is incorrect.

Step-by-step reproduction instructions

1. Place two different containers on a webpage.
2. Initialize both
3. Check the height of each container

I use the following configuration:

const macyInstance = Macy({
            container: `#${wrappedId}`,
            columns: 1,
            margin: {
                x: 32,
                y: 32,
            },
            mobileFirst: true,
            breakAt: {
                576: {
                    columns: 2,
                },
                992: {
                    columns: 3,
        },
    },
});

macyInstance.recalculate();

Screenshots, screen recordings, code snippets

If possible, please upload a screenshot or screen recording which demonstrates the bug.

This is the first instance:

This is the second instance:

[jankeistoer]

Problem was solved with the recalculateOnImageLoad function.