<picture> tag support

I am trying to add support for webp image formats with jpg fallbacks. When I write my listener like this the lightbox works as intended:

```
window.addEventListener('load', (event) => {
document.querySelectorAll('.modal').forEach(image => {
image.addEventListener('click', e => {
basicLightbox.create(`

`).show();
});
});
});
```

However, when I write my listener like this, the lightbox does not close when I click on the image, only when I click on the background, making the lightbox difficult to close:

```
window.addEventListener('load', (event) => {
document.querySelectorAll('.modal').forEach(image => {
image.addEventListener('click', e => {
basicLightbox.create(`

`).show();
});
});
});
```

I imagine this has something to do with the `` tag. Any thoughts on why this would be happening? Thanks

Reproduce las dos variantes de listeners del issue, comparando el marcado img simple con el marcado picture/source/img. Empieza en basicLightbox.create(...).show() y sigue cómo se gestionan los clics en el contenido mostrado y en el fondo. El trabajo estará terminado cuando la lightbox de fallback WebP basada en picture se cierre al hacer clic en la imagen, igual que la versión con img simple.

Escrito por el modelo de indexación a partir del texto del issue.