怎样才能让第一行在顶部，第二行垂直居中？

<div class="container">
  <div class="row">
    <div class="col">
      第一行内容
    </div>
  </div>
  <div class="row">
    <div class="col">
      第二行内容
    </div>
  </div>
</div>

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100vh; /* 设置容器高度为视口高度 */
}

.row {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50%; /* 设置每行高度为容器高度的一半 */
}