<img id='source' class="pic" width="100" height="100" alt="lake">
.pic {
  display: block;
  border: solid black;
  height: 100px;
  width: 100px;
  color: #fff;
}
const pic = document.getElementById("source");

pic.addEventListener("mouseover", () => {
  pic.src =
    "https://images.unsplash.com/photo-1652752761132-73b207ab32fc?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NTMxMzcwMDE&ixlib=rb-1.2.1&q=80";
});
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.