Once the draggable element has been dragged over valid target area (the pink block with purple borders with text "Drop here") and after mouse release:

1. The dragged element moves to the center and fades out;
2. In the original area (Action drawer, Elements), and after "1." a new element of the same category fades in, filling up the space.
(Both animations keep the same animation speed that devdemo currently has.)

For further reference, see this animated gif created: http://recordit.co/iuct33c7tx

Picture attached for reference:
Studio_dragging_dropping.png -> This is the moment where the new interaction should start.