<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <div id="galleria" class="galleria">

        <a href="https://picsum.photos/id/237/1000/800">
          <img src="https://picsum.photos/id/237/200/100" data-title="My Puppy" data-description="My Puppy Description"></a>

        <a href="https://picsum.photos/id/23/1000/800">
          <img src="https://picsum.photos/id/23/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/37/1000/800">
          <img src="https://picsum.photos/id/37/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/11/1000/800">
          <img src="https://picsum.photos/id/11/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/42/1000/800">
          <img src="https://picsum.photos/id/42/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/402/1000/800">
          <img src="https://picsum.photos/id/402/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/124/1000/800">
          <img src="https://picsum.photos/id/124/200/100" data-title="My title" data-description="My description"></a>
        
        <a href="https://picsum.photos/id/237/1000/800">
          <img src="https://picsum.photos/id/237/200/100" data-title="My Puppy" data-description="My Puppy Description"></a>

        <a href="https://picsum.photos/id/23/1000/800">
          <img src="https://picsum.photos/id/23/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/37/1000/800">
          <img src="https://picsum.photos/id/37/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/11/1000/800">
          <img src="https://picsum.photos/id/11/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/42/1000/800">
          <img src="https://picsum.photos/id/42/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/402/1000/800">
          <img src="https://picsum.photos/id/402/200/100" data-title="My title" data-description="My description"></a>

        <a href="https://picsum.photos/id/124/1000/800">
          <img src="https://picsum.photos/id/124/200/100" data-title="My title" data-description="My description"></a>

      </div>

    </div>
  </div>
</div>

body {
  margin: 20px auto;
}
#galleria {
  height: 600px;
}

Galleria.configure({
  transition: "fade",
  imageCrop: false,
  lightbox: true,
  responsive: true,
  showInfo: true,
  height: 600,
});

Galleria.run();