Woocommerce Flexslider product image wrong behavior

Question

Product images are displaying wrong - you can see the next image when not selected. <div> element with data-thumb attribute has width 360 pixels. This is the default view when page is loaded:

but when you click anywhere it will disappear and second image is not visible anymore:

So I tried to change single_image_width value from 300 px to 800 with no result

function theme_woocommerce_setup() {
    add_theme_support(
        'woocommerce',
        array(
            'thumbnail_image_width' => 150,
            'single_image_width'    => 800,
            'product_grid'          => array(
                'default_rows'    => 3,
                'min_rows'        => 1,
                'default_columns' => 4,
                'min_columns'     => 1,
                'max_columns'     => 6,
            ),
        )
    );
    //add_theme_support( 'wc-product-gallery-zoom' );
    add_theme_support( 'wc-product-gallery-lightbox' );
    add_theme_support( 'wc-product-gallery-slider' );
}
add_action( 'after_setup_theme', 'theme_woocommerce_setup' );

My theme doesn't overwrite product-image.php nor product-thumbnails.php templates located in /woocommerce/templates/single-product/ directory and also doesn't use any filters via functions.php file to change behavior of gallery.