How to set caption position inside the image in fancybox?

Hi I am making a gallery and using fancybox-3 in it. In that gallery, every image have a caption

<a data-fancybox="photos" data-caption="caption" href="#" class="filtr-item " > 
    <img src="image.jpg" alt="image"/>
</a>

But on fancybox modal, I want the caption inside the image not in the bottom. Please guide me

$(".filtr-item").fancybox({
  'caption' : 'inside' 
});

What I want is This