<div class="hov">
  <img class="a" src="https://netemolonge.net/wp-content/uploads/2019/05/service-1303313_1920-e1558610299827.jpg">
  <img class="b" src="https://netemolonge.net/wp-content/uploads/2019/05/max-delsid-479114-unsplash-1-e1558610339408.jpg">
</div>
/* 画像の切り替え */
.b {
    display:none;
}

.a {
    display:block;
}

.hov:hover > .b{
    display:block;
}
.hov:hover > .a {
    display:none;
}

.hov:hover{
	cursor: pointer;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.