<scary-gallery> will (try to) layout any of its <scary-image> children
to make best use of available space, and rearranges the images, when the
size changes.
Sample usage:
<scary-gallery min-height="100">
<scary-image src="https://lorempixel.com/300/200/"></scary-image>
<scary-image src="https://lorempixel.com/350/250/"></scary-image>
<scary-image src="https://lorempixel.com/350/200/"></scary-image>
<scary-image src="https://lorempixel.com/800/200/"></scary-image>
<scary-image src="https://lorempixel.com/320/200/"></scary-image>
<scary-image src="https://lorempixel.com/200/200/"></scary-image>
</scary-gallery>Disclaimer:
Work in progress, the algorithm to layout the images is far from perfect.