如何自动调整图像大小以适应div容器

.div-container {
  width: 300px;
  height: 200px;
  overflow: hidden;
}

<div class="div-container">
  <img src="image.jpg" alt="Image" style="width: 100%;">
</div>

window.addEventListener('resize', function() {
  var container = document.querySelector('.div-container');
  var image = container.querySelector('img');
  var containerWidth = container.offsetWidth;
  
  image.style.height = 'auto';
  image.style.width = containerWidth + 'px';
});