You need to supply the correct $post_id when calling the_field(). The problem is that you are calling the function outside of “The Loop” so ACF does not know what post to use.
An example for a post
$object = get_queried_object();
$post_id = $object->ID;
The above will only work on single post pages and will cause errors if called on an archive page.