图片在盒子中水平垂直居中

盒子css

      height: 40%;
      width: 100%;
      display: flex;
      justify-content:center;
      align-items: center;