<div class="zoom">
<img src="https://lh3.googleusercontent.com/proxy/hxxyEtx6Bbv4H_jVMO1S7bsu4IW0KOk4IXc7PuocKxameQXFY4Zbnrmh2aphFBxD0cBACg0l_lugoMrgbxBivNHVsbaXkzn1pLz7I_yxAS-mfPkt9gvVsGriA0cgkb0dWEzUzA">
</div>
const zoomElement = document.querySelector(".zoom");
let zoom = 1;
const ZOOM_SPEED = 0.1;
document.addEventListener("wheel", function(e) {
if(e.deltaY > 0){
zoomElement.style.transform = `scale(${zoom += ZOOM_SPEED})`;
}else{
zoomElement.style.transform = `scale(${zoom -= ZOOM_SPEED})`; }
});