/* 基础样式：居中显示，默认针对手机端设置宽度为 100% */
  .responsive-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%; 
  }

  /* 媒体查询：当屏幕宽度大于等于 768px 时（通常认为是平板或电脑端），宽度缩至 70% */
  @media (min-width: 768px) {
    .responsive-img {
      width: 70%;
    }
  }