如何在按钮居中的开始按钮的背景中添加图片

<div class="button-container">
  <button class="start-button">开始</button>
  <img src="image.jpg" alt="背景图片">
</div>

.button-container {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.start-button {
  /* 按钮样式 */
}

.button-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.start-button {
  background-color: transparent;
  border: none;
  color: white;
  font-size: 16px;
  /* 其他样式 */
}