Filtered Gallery Display

I would like to have a gallery link to dynamic pages, which I have figured out how to do.
What I would like also to have, on the page where the gallery is displayed, is a filter option, whereby the user can filter the results to see only certain images in the gallery.
For example: If you are a graphic designer and you have a portfolio of your work displayed in a gallery, but you would like to have the visitor filter the results to show only “recent works” or “branding” or “web design” in a way where they click a button or have a dropdown menu and the gallery changes to show only the filtered items. Like in this example the feature portfolio Colorlib | Free Bootstrap Website Template
Hope that makes sense…
Thanks!