Динамическое масштабирование изображений для соответствия заданному размеру по ширине и высоте

Итак, после обширных исследований и множества решений jQuery и Javascript я просто не смог найти способ динамического масштабирования изображений до заданного размера как по горизонтали, так и по вертикали, я нашел массу информации о масштабировании, чтобы соответствовать по ширине и сохраняя соотношение сторон, или масштабируя, чтобы соответствовать высоте и сохраняя соотношение сторон, но не мог понять, было ли изображение слишком высоким или слишком коротким, и соответствующим образом настроить.

Итак, в моем примере у меня был