要解决背景图片和鼠标移出缩放问题，可以使用HTML和CSS进行操作。下面是一个代码示例：

HTML代码：

CSS代码：

#container {
  width: 500px;
  height: 300px;
  overflow: hidden;
}

#image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease;
}

.zoom {
  transform: scale(1);
}

.zoom:hover {
  transform: scale(1.2);
}

在上面的代码中，我们创建了一个包含背景图片的容器，并使用CSS中的background-size属性将背景图片适应容器的大小并居中显示。通过鼠标悬停在容器上时，我们使用CSS中的transform属性对图片进行缩放。

通过将transform属性设置为scale(1)，图片的缩放比例为1，即原始大小。当鼠标悬停在容器上时，我们将transform属性设置为scale(1.2)，图片的缩放比例为1.2，即放大20%。

这样，当鼠标移出容器时，图片会恢复到原始大小。