Html 尝试将图片和文本放入一个flexbox容器中，文本位于容器下方，而不是尝试放入并使其响应

我试着把这段文字放在图片的旁边，让它们都调整大小，然后当它们变小时堆叠在一起。我做错了什么？任何帮助都会很好。这是我的密码笔：

我们是谁
这总比把小狗踢来踢去好。
别害羞，给我写封信。范·戴克·布朗是一个非常好的布朗，
它几乎像巧克力色。把你的颜色混合成大理石色别把它混死了。
看看这有多容易。小提姆画架会让你失望的
身体{
保证金：0；
框大小：边框框；
宽度：100%；
高度：自动；
}
/*我们是谁*/
.谁的集装箱{
显示：网格；
网格模板柱：1fr 1fr；
边框：1px纯黑；
宽度：100%；
高度：30公分；
利润率：2米0；
}
.谁{
/*显示器：flex；
柔性包装：包装*/
}
.谁的照片{
/*显示器：flex*/
宽度：100%；
身高：100%；
}
.谁{
文本对齐：居中；
宽度：100%；
身高：100%；
显示器：flex；
柔性包装：包装；
弯曲方向：行；
证明内容：中心；
调整项目：基线；
}

我对标记做了一些更改。who包装器只包含文本，并且去掉了.who容器上的

显示：网格


正文{
保证金：0；
框大小：边框框；
宽度：100%；
高度：自动；
}
/*我们是谁*/
.谁的集装箱{
显示器：flex；
柔性包装：包装；
}
.谁的照片{
宽度：100%；
身高：100%；
}
@介质（最小宽度：768px）{
.谁的照片，.谁的包装纸{
宽度：50%；
}
}
.谁{
文本对齐：居中；
}

我们是谁
这总比把小狗踢来踢去好。
别害羞，给我写封信。范·戴克·布朗是一个非常好的布朗，
它几乎像巧克力色。把你的颜色混合成大理石色别把它混死了。
看看这有多容易。小提姆画架会让你失望的
您的电脑没有使用flexbox。注释中的所有代码我都使用它作为占位符，但当我取消注释它时，它仍然不起作用
    <!-- Who We Are -->

<div class="who-container">
  <div class="who-wrapper">
    <img class="who-pic" src="https://images.unsplash.com/photo-1457393568996-e452740c8346?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=d9fcb386597db5dfa31416a5a9f1cf3f&auto=format&fit=crop&w=2850&q=80" alt="">
      <h1 class="who">Who We Are</h1>
        <p class="who">It's better than kicking the puppy dog around and all that so.
          Don't be bashful drop me a line. Van Dyke Brown is a very nice brown,
          it's almost like a chocolate brown. Mix your color marbly don't mix it dead.
          See there how easy that is. The little tiny Tim easels will let you down.</p>
  </div>
</div>



body {
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}

/* Who We Are */

.who-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid black;
  width: 100%;
  height: 30em;
  margin: 2em 0;
}

.who-wrapper {
  /* display: flex;
  flex-wrap: wrap; */
}

.who-pic {
  /* display: flex; */
  width: 100%;
  height: 100%;
}

.who {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
}