如何在div中排列图像？

<div id="image-container"></div>

#image-container {
  position: relative;
  width: 500px;
  height: 300px;
}

<div id="image-container">
  <img src="image1.jpg" alt="Image 1" style="width: 200px; height: 150px;">
  <img src="image2.jpg" alt="Image 2" style="width: 200px; height: 150px;">
  <img src="image3.jpg" alt="Image 3" style="width: 200px; height: 150px;">
</div>

#image-container img {
  position: absolute;
}

#image-container img:nth-child(1) {
  top: 0;
  left: 0;
}

#image-container img:nth-child(2) {
  top: 0;
  right: 0;
}

#image-container img:nth-child(3) {
  bottom: 0;
  left: 0;
}