Tengo un div con id='image' y background-image url , y tengo 3 imágenes con diferentes src 's- src='/some.jpg' y onmouseover='someFunction(this)'

Cuando coloco el mouse sobre una imagen, quiero cambiar la imagen div a la imagen en la que coloco el mouse.

Dejaré la función vacía, sé que necesito hacer document.getElementById ('image') y probé mucho, con style.background-image y con variable, pero obviamente algo estoy haciendo mal

Este es solo uno de los muchos códigos que probé.

 <div id="image"> display here</div> <img class="preview" src="/img/tee1.jpg" alt="teaTime" onmouseover="upDate(this)" /> <img class="preview" src="/img/tee2.jpg" alt="teaTime2" onmouseover="upDate(this)" /> <img class="preview" src="/img/tee3.jpg" alt="teaTime3" onmouseover="upDate(this)" /> #image { background-image: url("/img/tee3.jpg"); background-color: bisque; width: 300px; height: 300px; border: 5px solid black; } function upDate(element) { }