JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="file" name="image_file" id="image_file"/>
</div>

<div class="overlay_wrap">
    Overlast
</div>

<a id="click" href="">Click</a>

JavaScript

$(document).ready(function() {
    $("#click").click(function(event) {
        event.preventDefault();
        $('.overlay_wrap').fadeOut(1000, function(){
            $('#image_file').trigger('click');
        });
    });
});