Change image scaling/rendering to use a non-smoothing method

[vlandau]

In looking at the images in the app, I see that upon resize, the images appear to be smoothed. In this screenshot, you can see that the edge between the left and right sides of the image (and the background and river pixels in the right-side image) are not preserved -- you can see that they appear to be smoothed (presumably using a resampling method like bilinear interpolation)

It would be great if the image could be displayed in a resolution that is as true as possible to the original sentinel 2 resolution (which may mean individual pixel boundaries would be obvious).

I found some more info on image rendering with css here, in case it might be helpful. If there is a way to implement it, the ideal image rendering algorithm would be nearest neighbor. Apparently it would also be ideal to make sure that the image width and height (in pixels) are always an even number.

Right now, this is pretty low priority, but I just wanted to flag it.