[BUG] Responsive size calculation is buggy

[razzeee]

Describe the bug

It seems like the responsive size calculation doesn't run in some cases/stops at some sizes.

To Reproduce

1. Go to https://yanivam.github.io/react-svg-worldmap/examples/text-labels/
2. Change the width of your browser window (both up/down)

Expected behavior
It should not jump in sizes, but smoothly grow/shrink with the window.

It also seems to only start to calculate at some specific sizes, so if your with is too much, it never calculates the size it should be at?

And it breaks when it gets really small (which probably isn't unexpected, but I would have hoped for a smaller size)

Desktop (please complete the following information):

• OS: Fedora 38
• Browser: Tested chromium and firefox

[tobilg]

Having the same problem, https://github.com/yanivam/react-svg-worldmap/blob/main/lib/src/utils.ts#L30-L48 just calculates a 75% ratio of the window inner with, that has nothing to do with "responsiveness" honestly. It's not possible to dynamically enlarge to the given container size, e.g. with Tailwind. That's kind of an showstopper honestly.