Как в fancybox добавить галерею с picture?

вот код но надо не картинку ,а picture

<picture>
    <source srcset="https://www.stena.ru/sites/default/files/stena/main_slider/01_stena_tintoflex_01_480.jpg" media="(max-width: 480px)">
        <source srcset="https://www.stena.ru/sites/default/files/stena/main_slider/01_stena_tintoflex_01_900.jpg" media="(max-width: 900px)">
        <source srcset="https://www.stena.ru/sites/default/files/stena/main_slider/01_stena_tintoflex_01_1360.jpg" media="(max-width: 1360px)">
        <source srcset="https://www.stena.ru/sites/default/files/stena/main_slider/01_stena_tintoflex_01_1920.jpg" media="(min-width: 1361px)">
        <img src="https://www.stena.ru/sites/default/files/stena/main_slider/01_stena_tintoflex_01_900.jpg" alt="">
      </picture>


$('.big-prod-cart_interiors').on('click', function () {
        $.fancybox.open(
            [
                {
                    src: '../img/sm_1_03_1920_910_tr.jpg',
                    opts: {
                        color: 'Цвет TU2101',
                        caption: 'Гостинная',
                        thumb: '../img/sm_1_03_1920_910_tr.jpg'
                    }
                },
                {
                    src: '../img/ar_1_05_1920_910_tr.jpg',
                    opts: {
                        color: 'Цвет TU2101',
                        caption: 'Second caption Second caption',
                        thumb: '../img/ar_1_05_1920_910_tr.jpg'
                    }
                }
            ], {
            loop: false,
            buttons: ["close"],
            width: 1920,
            height: 969,
            // fullScreen: { autoStart: true },
            margin: 0,
            padding: 0,
            arrows: false,
            infobar: false,
            baseClass: "fancybox-custom-layout",
            btnTpl: {
                close: '<button data-fancybox-close="" class="fancybox-button fancybox-button--close" title="Close"><span>✕</span></button>',
            },
            caption: function (instance) {
                return '<div class="fancybox-text"><p class="fancybox-color">' + this.opts.color + '</p><p class="fancybox-title">' + this.opts.caption + '</p></div>' + '</div><div class="fancybox-infobar"><span data-fancybox-index=""></span>&nbsp;/&nbsp;<span data-fancybox-count=""></span></div><div class="fancybox-navigation"><button data-fancybox-prev="" class="fancybox-button fancybox-button--arrow_left" title="Previous"></button><button data-fancybox-next="" class="fancybox-button fancybox-button--arrow_right" title="Next" disabled=""> </button></div>';
            },
        }
        );
    });