In wordpress, I want to replace the image with a custom one. Created a filter

add_filter( 'woocommerce_product_get_image', 'offsite_product_images', 10, 5 );
function offsite_product_images( $image, $product, $size, $attr, $placeholder ){
    global $post;
    $image_id =  get_post_meta($post->ID, 'custom_image_id', true );
    $image = wp_get_attachment_image( $image_id, 'medium', false, array( 'id' => 'custom-preview-image' ) );
    return $image;
}

It works but when the main picture opens it doesn't work. Screenshot for example