lightbox on woocommerce variable product

I need help with a page I don’t know if someone could help me I have a variable product that changes image but when clicking on the product image a lightbox is produced and it remains as the default I have made a jQuery function but it does not work at the first click if someone would know about that if they want to try here would be the link of the product https://rosmanphotography.com/portfolios/seattle-view/

jQuery(function($) {
$(‘.woocommerce-product-gallery__wrapper’).on(‘click’, function() {
$(‘img.mobx-img.mobx-media-loaded’).is(‘src’, this.src);
});
});

The page I need help with: [log in to see the link]