quiero alinear múltiples elementos arrastrables dentro de un div. ¿Cómo puedo hacer cuando lo inicie.

HTML:

 <div class="drag-parent" style="height: 400px; width: 400px; background: #fff; border: 1px solid #eee;"> <div class="drag-1" id="drag1"> Draggable Element 1 </div> <div class="drag-2" id="drag2"> Draggable Element 2</div> </div>

Estoy intentando las siguientes cosas:

 const drag1 = interact('.drag-1'); const drag2 = interact('.drag-2'); drag1.draggable({}); drag2.draggable({});

Quiero colocar elementos arriba, digamos arrastrar-1 a x: 10 y: 10 y arrastrar-2 a x: 100, y: 100.

Por favor guía. ¡Gracias!