<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

Tái hiện hai biến thể listener từ issue, so sánh markup img đơn giản với markup picture/source/img. Bắt đầu từ basicLightbox.create(...).show() và theo dõi cách các lượt nhấp vào nội dung được hiển thị và nền được xử lý. Hoàn tất khi lightbox fallback WebP dựa trên picture đóng lại khi nhấp vào hình ảnh, giống như phiên bản img đơn giản.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.