NO jQuery/javascript. Just HTML scrolling

This is a gallery that works using scroll-snap and position:sticky. It works in all browsers including Firefox and iOS Safari.

The gallery has five columns with each column in groups of birds, dogs, wildlife, fish and insects.

Each column can be scrolled vertically to show the animals in that group.

For non touch screens you can use the mousewheel to scroll vertically, with horizontal scrolling using the SHIFT key with the mousewheel.

Each column can have its own number of images so that the columns do not have to be the same height.

This gallery uses my recently discovered method of fixing the bug in Firefox and iOS Safari where scroll-snap and sticky does not work correctly when used together.

The stylesheet for this demonstration is in the page head, but if you use this, please keep my copyright comment with the stylesheet.

A donation for the use of this slideshow would be appreciated.