我修正了这个问题。我改变了class.age的顺序，先放图像，再放文本。之后我用“order：X”。这看起来像这样：

.age {
  display: flex;
  align-items: center;
  width: auto;
  margin-left: auto;
}

.age img {
  order: 2; // I had to add this attribute
  width: 35%;
  height: auto;
}

.age h2 {
  order: 1; // I had to add this attribute
  display: inline-block;
  padding: 0px 20px 0px 0px;
  text-align: right;
  margin-left: auto;;
}

之后我用@media only screen and (max-width: 880px)做了一个媒体查询，在这个媒体查询中我修改了.age类，如下所示：

.age {
    display: inline-block;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .age h2 {
    display: block;
    padding: 0px 0px 0px 0px;
    text-align: center;
  }