如何在CSS中使用绝对定位来制作3行2行的图像

<div class="container">
  <div class="item">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="item">
    <img src="image2.jpg" alt="Image 2">
  </div>
  <div class="item">
    <img src="image3.jpg" alt="Image 3">
  </div>
  <div class="item">
    <img src="image4.jpg" alt="Image 4">
  </div>
  <div class="item">
    <img src="image5.jpg" alt="Image 5">
  </div>
</div>

.container {
  position: relative;
  width: 600px; /* 可根据实际需要调整宽度 */
}

.item {
  position: absolute;
  width: 200px; /* 可根据实际需要调整宽度 */
  height: 200px; /* 可根据实际需要调整高度 */
}

.item:nth-child(1) {
  top: 0;
  left: 0;
}

.item:nth-child(2) {
  top: 0;
  left: 200px;
}

.item:nth-child(3) {
  top: 200px;
  left: 0;
}

.item:nth-child(4) {
  top: 200px;
  left: 200px;
}

.item:nth-child(5) {
  top: 400px;
  left: 0;
}