在悬停时增大图像大小

.img-container {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  transition: all 0.3s ease;
}

.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-container:hover {
  width: 300px;
  height: 300px;
}

const imgContainer = document.querySelector('.img-container');

imgContainer.addEventListener('mouseover', () => {
  imgContainer.style.width = '300px';
  imgContainer.style.height = '300px';
});

imgContainer.addEventListener('mouseout', () => {
  imgContainer.style.width = '200px';
  imgContainer.style.height = '200px';
});