Different sized SortableElements don't display correctly within SortableContainer when using Grid layout

I'm trying to create a sortable grid. But when working with different sized `SortableElements` the element will overflow outside of the container and don't position on the next row. I've created a sandbox: https://codesandbox.io/embed/small-meadow-cdidj

When dragging one of the large item you will see that the items overflow out of the container. I know that a quick-fix for would be to just set `overflow-x: hidden`, but I don't think this looks nice and would prefer to have the items realign correctly on the next row.

Start by reproducing the behavior in the linked CodeSandbox with a SortableContainer using Grid layout and differently sized SortableElements. Inspect the grid positioning and dragging behavior around the overflow case. Done means large items no longer overflow the container and items realign onto the next row without relying on overflow-x: hidden.

Written by the indexing model from the issue text.