Woocommerce gallery trigger over full image

functions.php

<?php

/**
 * Check if WC_SCRIPT_in_wp_footer does not exists and is_product function exists.
 */
if( ! function_exists( 'WC_SCRIPT_in_wp_footer' ) && function_exists( 'is_product' ) ) {
    /**
     * Add script in the WP footer page.
     */
    function WC_SCRIPT_in_wp_footer() {
        if ( is_product() && ! wp_is_mobile() ) {
            ?>
            <script type="application/javascript">
                jQuery( 'div.woocommerce-product-gallery.images' ).on( 'click', 'div.flex-viewport figure' , function(){
                    jQuery( this ).closest( '.woocommerce-product-gallery' ).find( '.woocommerce-product-gallery__trigger' ).trigger( 'click' );
                });
            </script>
            <?php
        }
    }
}
add_action( 'wp_footer', 'WC_SCRIPT_in_wp_footer' );

Copy and past the above gist in your child themes functions.php file

Thank you!!
.. but in my case

      <script type="application/javascript">
                jQuery( 'div.woocommerce-product-gallery.images' ).on( 'click', 'div.woocommerce-product-gallery__image' , function(){
                    jQuery( this ).closest( '.woocommerce-product-gallery' ).find( '.woocommerce-product-gallery__trigger' ).trigger( 'click' );
                });
            </script>

I changed click target