It's an absolutely *glorious* series of hacks :D
Including, but certainly not limited to:
- CSS Grids with only 1 cell
- Flexboxes used for positioning text nodes
- Element heights set indirectly with the width property
- z-index abused to show the current image in the sequence
it's undefined which image will be shown initially, but given the amount
of effort this took I'm ok with that
If anyone knows how to shift the <picture> element 0.25em upwards
*without* moving the image so that I can remove the upper and lower
borders, I'd lvoe to know. I've tried everything - including settingit's
height to zero etc. In the end I've padded out the top to balance it out
instead :P
