.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  width: 100%; /* 容器宽度占满父容器 */
}

.auto-image {
  width: 50%; /* 图片宽度为父容器宽度的50% */
 
 margin-left: 10%;
}
/* 文字样式 */
.text {
  /* 文字与图片的距离 */
  margin-top: -20%;
  font-size: 20px; /* 字体大小 */
  font-weight: bold; /* 字体加粗 */
  color: #000; /* 字体颜色（可选） */
  text-align: center; /* 文字水平居中 */
}
/* 副文字样式 */
.subtext {
  margin-top: 10px; /* 与上方文字的距离 */
  font-size: 16px; /* 字体大小 */
  color: #888; /* 浅灰色，字体颜色变淡 */
  text-align: center; /* 文字水平居中 */
}