如何让3张图片大小相同，当我切换到移动模式时，3张图片会重叠？

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

.image-container {
  position: relative;
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

@media (max-width: 768px) {
  .image-container img {
    opacity: 0;
    pointer-events: none;
  }
  
  .image-container img:first-child {
    opacity: 1;
    pointer-events: auto;
  }
}

const images = document.querySelectorAll('.image-container img');
let currentIndex = 0;

setInterval(() => {
  images[currentIndex].style.opacity = 0;
  
  currentIndex = (currentIndex + 1) % images.length;
  
  images[currentIndex].style.opacity = 1;
}, 3000);