Juicebox

Juicebox HTML5 Responsive Image Galleries

This module provides an integration between the popular Juicebox HTML5 responsive gallery (Javascript) library and Drupal.

The Juicebox library, which is distributed, maintained and supported separately from this Drupal project, is:

Based on HTML5 and supports "universal playback". This means it can run on nearly any device and supports multiple input methods (touch gestures, etc.).
Fully responsive so galleries can dynamically re-size and adapt to different browser sizes.
Powered by a lightweight javascript library.
Very friendly to "Create once publish anywhere" (COPE) concepts such that galleries managed in one system can also be embedded in other front-ends (e.g., headless Drupal).

We can use joicebox with 2 type:

1) Create a Gallery Using Fields

For this, we just using image field

2) Create a Gallery Using Views

We can create a single gallery that’ll use the first image of every gallery on the Article content type.

Note: There’s currently an issue with Views and Juicebox where it’ll only show the first image from a multi-value field. For more details go to this issue on drupal.org.

This mean we have to use only one image for one node for single gallery use the first image of every gallery on the Article content type.

https://www.webwash.net/how-to-create-responsive-image-galleries-using-juicebox-in-drupal-8/