如何从固定大小的图像动画到全屏？

<div id="animation-container" style="width: 500px; height: 300px;">
  <!-- 在此处放置图像动画 -->
</div>

@keyframes scale-animation {
  from { transform: scale(1); }
  to { transform: scale(1.5); }
}

#animation-container {
  animation: scale-animation 1s infinite alternate;
}

function resizeAnimationContainer() {
  var windowWidth = window.innerWidth;
  var windowHeight = window.innerHeight;
  var container = document.getElementById('animation-container');
  container.style.width = windowWidth + 'px';
  container.style.height = windowHeight + 'px';
}

window.addEventListener('resize', resizeAnimationContainer);

#animation-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}