Can not understand how to make columns sortable.

I want that after image draged data under 'dragged imaged' move with this image in place.

link to a project: https://saturn-handmade-slider.vercel.app/

My markup is like:

<div class='slider-container'>
  <div class='slider-track' id='slider'>
    //items here
    <div>ITEM1</div>
    <div>ITEM2</div>
    <div>ITEM3</div>
  </div>
  <div class='item-data'>
     <div class='row'>(data in "row"equal items quantity)
       <p>item1</p>
       <p>item2</p>
       <p>item3</p>
     </div> 
  </div>
<script>
 $("#slider").sortable({
        revert: 100,
        axis: "x",
    });
</script>