onHover изменить изображение при использовании карты изображения

Question

Я хотел бы изменить изображение onHover при использовании imagemap(тега)

Вот мой HTML и связанный CSS:

.onetest {
  width: 100px;
  height: 100px;
  background: url('../images/circle/a.png');
}
.onetest:hover {
  z-index: 50;
  background: url('../images/circle/b.png');
}

<img style="margin-left: 55px; margin-top: 20px;" src="images/circle/a.png" usemap="#123">
<map name="123" id="123">
  <area class="onetest" href="#" shape="polygon" coords="286,89,504,31,504,134,338,180" />
</map>

Что я хочу сделать, так это то, что при наведении определенной области на изображении изображение меняется на другое.