Масштабируйте изображение с помощью css как по ширине, так и по высоте в соответствии с масштабом

Ограничительная рамка имеет размер примерно 1000x600, а некоторые изображения имеют размер 500x100, в то время как некоторые другие имеют размер 400x100 (крайние примеры). Теперь я хотел бы масштабировать оба до максимального размера, на который способна ограничивающая рамка ручка, но держите их в масштабе.

img {
  width: 100%;
  height: 100%;
}

Масштаб изображения не сохраняется.