Drag-and-drop with autoscroll (JS)

Hello awesome coding experts,

I built a little page as an educational exercise for my music students in categorizing musical instruments. Basically, they drag-and-drop the instrument divs into the correct category and can check their answers.

I have been searching for a way to initiate autoscroll in vanilla JS when you drag the div to the edge of the page, and I haven’t really found any concise solutions out there. Would I need to utilize a library for this? I’m open to any suggestions. Ultimately, I would like to optimize this for mobile, which would necessitate an autoscroll capability due to the small screen.

The code is here: https://codepen.io/srhbishop/pen/vYNKxBY (or at github https://github.com/srhbishop/instrument-classification-app).

I also welcome any other suggestions for optimizing the page.