Modules for image gallery

Below is the best modules for image gallery. This is example for Drupal 10.

Juicebox HTML5 Responsive Image Galleries

1. Install juicebox.js and install it to libraries. The folder is libraries/juicebox/juicebox.js and libraries/juicebox/classic/theme.css
2. Usage and Configuration.
   1. Create a new content type to represent a full gallery/album object. Within the "manage fields" tab you can add any fields that you like but you must include one "image" or "file" field to hold your gallery images.
   2. In the related image or file field options be sure to:
      1. Set the "number of values" option to a value greater than one (e.g. "unlimited"). This will allow you to add multiple images to the field, thus making a gallery.
      2. If available, check the "enable alt field" and "enable title field" boxes (for image fields) and the "enable description field" (for file fields). These values can be used later to hold caption or title information. Note that depending on your input widget these options may not always be available. Furthermore, these are not the only sources that can be used for titles and captions (see the "Titles and Captions" notes below).
3. Within the "manage display" tab, find the entry for your image field and under the "format" options choose "Juicebox Gallery". Then click on the gear/cog button to the right to open the Juicebox-specific display options. Here you can:
   1. Specify which image styles to use when displaying images and thumbnails. Note that first you may need to create a new style at /admin/config/media/image-styles if none of the available options are suitable. See the Managing Image Styles notes for more information about selecting image styles.
   2. Specify which parts of the field data to use as caption and title sources (if any). The options that you see here will depend on your specific configuration (see the "Titles and Captions" notes below).
   3. Customize a variety of Juicebox configuration options for this gallery in the remaining fieldsets.
4. For each gallery that you would like to create, add a new node of the type you just setup. Upload the various images that you want for each gallery into the image or file field that you configured above.

Titles and Captions

A variety of data sources from each image can be used for the title and caption details shown in your gallery. The specific sources that are available will be automatically detected based on your configuration. Compatible sources include:

• Image title text. Available for image fields when the "Title" field has been enabled in the field settings.
• Image alt text. Available for image fields when the "Alt" field has been enabled in the field settings.
• File description text. Available for file fields when the "Description" field has been enabled in the field settings.
• Filename. Available for both image or file fields.

Issue:

You appear to be using the Juicebox field formatter with a field instance that is not directly attached to an entity. Support for this configuration is currently experimental. Please test your final gallery output thoroughly. 
See this comment