Gallery With Filter

Gallery in filled mode with 4 columns (Zoom Effect)

Hints:
All the gallery support 2 to 5 columns, you need to change class name .gallery-{col2|col3|col4|col5}.
Also .hover-{zoom|fade} class for hover effect, .gallery-square for rectangle image edge, .gallery-md for less gap between each image.
Use .gallery-{grids|filled} class to switch layout of gallery. You can use filter option by adding .has-filtered class.
For enable lightbox .gallery-lightbox (whole gallery) .image-lightbox (single image, specialy use when you use caption on gallery).
Use .dark or .light with .gallery-item-caption class for caption light or dark text.