Hello, I am currently developing a feature for my NextJS application using Swapy, and I’m encountering challenges when applying the "scale" property to my container. Specifically, I would like the container to maintain a size of 1920px by 1080px while preserving proportions based on the user’s screen size. However, when I apply this property, the drag-and-drop functionality of Swapy items interprets the scale property a second time, disrupting the grid organization. I’ve attached screenshots and a snippet of code to illustrate the issue. Best regards, PS: Happy New Year to everyone! Drag item
Drag item and move with it
initial state of the grid
` {/* Container /} {/
Bloc A - En haut /} {/ Bloc B - En bas à gauche /} {/ Bloc C - En bas à droite /} {/ Bloc D - Dernière ligne /} {/ Bloc E - Dernière ligne /} {/ Bloc F - Dernière ligne /} {/ Bloc G - Dernière ligne /} {/ Bloc H - Dernière ligne /} {/ Bloc I - Dernière ligne /} {/ Bloc J - Dernière ligne /} {/ Bloc K - Dernière ligne /} {/ Bloc L - Dernière ligne /} {/ Bloc M - Dernière ligne /} {/ Bloc N - Dernière ligne /} {/ Bloc O - Dernière ligne /} {/ Bloc P - Dernière ligne /} {/ Bloc Q - Dernière ligne /} {/ Bloc R - Dernière ligne /} {/ Bloc S - Dernière ligne /} {/ Bloc T - Dernière ligne /} {/ Bloc U - Dernière ligne /} {/ Bloc V - Dernière ligne /} {/ Bloc W - Dernière ligne /} {/ Bloc X - Dernière ligne /} {/ Bloc Y - Dernière ligne /} {/ Bloc Z - Dernière ligne /} {/ Bloc 0 - Dernière ligne /} {/ Bloc 1 - Dernière ligne /} {/ Bloc 2 - Dernière ligne /} {/ Bloc 3 - Dernière ligne /} {/ Bloc 4 - Dernière ligne /} {/ Bloc 5 - Dernière ligne /} {/ Bloc 6 - Dernière ligne /} {/ Bloc 7 - Dernière ligne /} {/ Bloc 8 - Dernière ligne /} {/ Bloc 9 - Dernière ligne /} {/ Bloc 10 - Dernière ligne /} {/ Bloc 11 - Dernière ligne /} {/ Bloc 12 - Dernière ligne /} {/ Bloc 13 - Dernière ligne */} <div data-swapy-slot="13" className="col-start-72