thumbnail of ClipboardImage.png
thumbnail of ClipboardImage.png
ClipboardIm... png
(666.46 KB, 850x1269)
thumbnail of ClipboardImage.png
thumbnail of ClipboardImage.png
ClipboardImage png
(933.48 KB, 1180x672)
thumbnail of ClipboardImage.png
thumbnail of ClipboardImage.png
ClipboardImage png
(1.15 MB, 1185x758)
thumbnail of ClipboardImage.png
thumbnail of ClipboardImage.png
ClipboardImage png
(13.66 KB, 242x182)
 >>/84148/
Woah, awesome.
Fixed aspect ratio is usually something like

img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}

The child element has its width and height set to the size of the image. Setting max-width and max-height, along with auto for width and height, seems to do the trick.
Although that gives dynamic scaling when moving the cursor