<div class="img-box">
</div>
.img-box{
  position:relative;
  width: 400px;
  height: 400px;
  background-image: url('https://cdn.pixabay.com/photo/2022/07/10/19/28/mountains-7313638_960_720.jpg');
  background-size: 100% 100%;
  background-position:center;
}
.img-box:hover{
 background-image:  url('http://placekitten.com/800/500')
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.