Есть ли способ контролировать появление «что вы перетаскиваете» с помощью API перетаскивания HTML5?

Обычно любой HTML-элемент, который можно перетаскивать, становится полупрозрачным и следует за вашим курсором до тех пор, пока вы не остановитесь / не отпустите. Я хотел бы контролировать это так, чтобы я мог начать свое перетаскивание из любого места внутри элемента, но когда вы на самом деле начинаете перетаскивать, у меня может быть только небольшое изображение, которое следует за курсором, точно там, где находится курсор.

Практический пример: список вещей, которые нужно перетащить, каждое из них представляет собой маленькое изображение и текст для названия вещи, которую вы будете перетаскивать рядом с ней. Я хотел бы иметь возможность начать перетаскивание в любом месте элемента поверх изображения или текста, но затем только курсор следует за вашим курсором и непосредственно под курсором, а не смещением от того места, где вы начали его перетаскивать.

Я могу придумать несколько способов его обмануть (скрытый элемент, который появляется там, где находится курсор мыши, когда вы начинаете перетаскивать, и это то, что вы на самом деле перетаскиваете), или прибегнуть к классическому перетаскиванию Javascript.

Спасибо