Поменяйте курсор в начальном перетаскивании

Question

Как изменить стиль курсора в различных событиях перетаскивания (startDrag и dragOver) в HTML5?

Я провел некоторое тестирование, но не смог.Может кто-нибудь помочь, спасибо.

const elementDiv1 = document.getElementById('div1');
const elementDrag1 = document.getElementById('drag1')

elementDiv1.addEventListener("drop", drop);
elementDiv1.addEventListener("dragover", allowDrop);
elementDrag1.addEventListener("dragstart", drag);

function allowDrop(ev) {
  ev.preventDefault();
}

function drag(ev) {
  ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData("text");
  ev.target.appendChild(document.getElementById(data));
}

#div1 {
  width: 350px;
  height: 70px;
  padding: 10px;
  border: 1px solid #aaaaaa;
}

#drag1 {
    cursor: url(https://i.imgur.com/2Lc66bn.png), auto;
}

<div id="div1"></div>
<img id="drag1" src="https://i.imgur.com/2Lc66bn.png" draggable="true" >