Javascript 鼠标光标移向中心时的背景比例

当鼠标光标接近视口中心时，我试图让背景图像慢慢“放大”，反之亦然。我去过所有的谷歌和论坛，但我能找到的只是滚动缩放或鼠标移动位置改变的例子，但是我想改变背景图像的比例，而不是改变背景位置。有人知道怎么做，或者至少有什么想法吗

这不是我正在使用的图像，但在本文中，我只是使用了Unsplash中的随机图像。这就是我的背景代码的外观

应该注意的是，我对编码相当陌生，所以如果这是一项简单的任务，而我只是忽略了一些东西，我很抱歉

.bg{
身高：100%；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
背景色：rgba（255255,0.5）；
背景混合模式：加亮；
}