Need to Group all custom blocks html elements and highlighted it as a whole custom blocks on drag and drop

[abhiShopism]

Hello @artf,

I need help from your end. I have created custom blocks where I store HTML and CSS. I drag and drop the component on the editor. It makes multiple parts for the different elements present inside that custom block. I need that I can group all those elements into one drop block and if I drop it next time then it should not be dropped inside that block, it should highlight the new drop zone below or above that block that we put earlier.

I hope you understand my point and revert me back for this asap. I search a lot but I am able to solve this one.
For your reference, I attached an image. Now If I drop another module here it should drop above the showing module or below the showing module. and I want to delete it, it should delete the module as a whole. Currently, it can delete a single element of this module also.

Please help me with that asap.