ENHANCEMENT: Update Image Gallery

[pacollins]

The second thing I noticed is that some images do not seem to work properly anymore.
I am using this gallery plugin: https://github.com/liwenyip/hugo-easy-gallery

Actually the images with captions look very awesome, but some of the others are just collapsed:
https://twatzl.eu/blog/2020-04-15_moon_hdr/

Interestingly enough on my local machine they are not quite as broken as on my server.

Originally posted by @twatzl in #154 (comment)

So after wasting way too much of my lifetime with css I got a somewhat satisfying solution.
I used flexbox a lot. Actually only had to remove 2 lines from your scss file to make everything work. I think it looks quite nice, only on mobile devices it does not look as expected, however that is an issue for another day.

Here is what I changed. I did it by trial and error. Maybe it helps you in finding a generic solution.
gallery-css-fix.patch.txt
css-figure-fix.patch.txt

Originally posted by @twatzl in #154 (comment)

[kdbruin]

I'm using Folder-based gallery for Hugo and without changes nicely integrates with the overall design.

Note that I'm using page bundles where I have my images but when getting images from the static folder, some changes will be required.

[pacollins]

Thanks for the suggestion! I will add it to the list of things we are going to look at!