Dragging an element is not masking the background area/text

Hi Guys,

Facing as issue while performing Drag interaction. I am able to Drag the desired element. But while dragging the background keeps displaying even though the Drag area is enclosed within a box with a solid background.
Below Screenshot shows the draggable element in grey background and the destination where I am trying to drag it to.
Drag%20area%20and%20Destination

Now when I drag it there, the background mixes with the draggable element which basically is not giving a very good experience.
Overlapping%20Issue

Is there a way for the Draggable element to mask the background whenever its dragged?

This is the initial state of Draggable element.
image

Once its clicked and drag starts then it changes to grey box. And the rest of the issue is as stated in original thread.