Чтобы сделать курсор-картинку в CSS, нужно использовать свойство cursor. Это свойство позволяет установить тип курсора для выбранного элемента на странице.

Для установки курсора-картинки необходимо использовать значение url свойства cursor и указать путь к изображению. Например:

.custom-cursor {
  cursor: url('path-to-image.png'), auto;
}

В данном примере мы устанавливаем пользовательский курсор для элемента с классом .custom-cursor. В качестве курсора используется изображение, которое находится по пути path-to-image.png.

Для установки дефолтного курсора на случай, если изображение не будет загружено, используется значение auto.

Обратите внимание: не все браузеры поддерживают курсоры-картинки. Поэтому перед применением такого курсора стоит убедиться, что он работает в нужном браузере.

Кроме курсора-картинки, CSS также предоставляет множество других значений свойства cursor, таких как pointer, text, crosshair, help, move и др. Каждое из значений отображает определенный тип курсора.