Placeholder position issue nested sortable

I am using JQuery sortable to sort the multiple row and inner row element concept.

I have created the sample in the below codepen link:

https://codepen.io/Sid97/pen/WNopgKq

Please follow below step to regenerate the issue:\\\\

1) First column "Section" Green element, drag that element to inner area with Blue border box.

\\\\

2) When you drag it and come to the blue area box, at that time you can find that the placeholder as the dashed line will be visible in the right red background inner column instead of left column or not displaying the placeholder.

I have also attached the image with the issue. Please take a look and let me know if you need more detail in this. Please revert me ASAP as I am stuck in one place.

[[Image(https://tinyurl.com/ygl5pvhp)]]