Изменить изображения профиля на сайте

У каждого юзера есть возможность загрузить фото профиля на сайт.

Хочу чтобы при клике на изображение, появлялась форма для выбора файла, после чего файл отправлялся на сервер. Серверную часть написать не проблема, но вот сделать так чтобы при клике на изображение появлялась форма, та еще проблема. Имею вот такой код

 <div class="profile">

            <div class="text-center">
                <input type="file"  class="custom-file-input" name="thumbnail" id="thumbnail">
                <img src="img/profile.jpg" class="wd-150 rounded-circle center-block profile-photo" alt="">


                <p class="op-5 tx-30 white-text">otricvla</p>
            </div>

        </div>

Проблема тут в том, что форма выбора файла не на самом изображении.