如何在包含8个图像的CSS中创建2行网格

<div class="grid-container">
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
  <div class="grid-item"></div>
</div>

.grid-container {
  display: grid;
  grid-template-rows: 1fr 1fr; /* 两行，每行高度相等 */
}

.grid-item {
  /* 添加图像作为背景 */
  background-image: url('image-url.jpg');
  /* 设置图像尺寸和样式 */
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center;
}