Randomly place images and move their position on hover [closed]

I need foxes to randomly spawn in a certain place in the bush. When you hover the mouse over a bush where there is a fox, the fox should hide and random spawn on other place.

let item1 = document.createElement('div');

item1.className = "item1";
item1.innerHTML = '<div class="lisa1"><img src="*https://forumstatic.ru/files/0019/3c/8c/22179.png?v=1"></div><div class="kust1"><img src="*https://forumstatic.ru/files/0019/3c/8c/35365.png?v=1"></div>';
document.body.append(item1);

let item2 = document.createElement('div');

item2.className = "item2";
item2.innerHTML = '<div class="lisa2"><img src="*https://forumstatic.ru/files/0019/3c/8c/62333.png"></div><div class="kust2"><img src="*https://forumstatic.ru/files/0019/3c/8c/67140.png"></div>';
document.body.append(item2);

let item3 = document.createElement('div');

item3.className = "item3";
item3.innerHTML = '<div class="lisa3"><img src="*https://forumstatic.ru/files/0019/3c/8c/50942.png"></div><div class="kust3"><img src="*https://forumstatic.ru/files/0019/3c/8c/56314.png"></div>';
document.body.append(item3);