Featherlight with meta.yaml

I'm struggling to have a lightbox with image, text and links. I'm experimenting featherlight using meta.yaml files, although I'm not sure I can accomplish that.
It works good with text, in fact I can show all textex from meta.yaml, but I'm at loss in how to show a picture. Maybe Is not possible but really I do not know. Maybe I need to find a way to use ajax, but it is totally new for me.
This is my actual code

{% for image in page.media.images|reverse %}
   <a href="#" data-featherlight="<h2>{{ image.meta.title }}</h2>
   <a>{{ image.meta.desc }}</a>
   <a>{{ image.meta.credits.cast }}</a>
   <a>{{ image.meta.trailer }}</a>">{{ image.cropResize(305).html }}</a>
{% endfor %}

I'm looking for any suggestion, thanks

It would be helpful to show hyperlinks in this way, but I can't.

You have to encode HTML in an attribute. it's not valid to have HTML inside another HTML attribute. https://www.google.com/#q=putting%20html%20in%20html%20attribute&rct=j

Thanks Rhukster, actually yesterday I've updated Grav and finally I was able to create hyperlink inside html attribute via Twig variable, it also supports if statement, great.