css如何防止图像在调整页面大小时移动

.element {
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.element img {
  width: 100%;
  height: auto;
}

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}

.container img {
  width: 100%;
  height: auto;
}