<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>
Galleria.configure({
transition: "fade",
imageCrop: false,
lightbox: true,
responsive: true,
showInfo: true,
height: 600,
});
Galleria.run();