refileを使ったユーザーアイコンを画像クリックで変更する方法

Question

現状と実装したいこと

gem "refile-mini_magick"を使って画像投稿機能を実装しております。
ユーザーのプロフィールを変更する際にモーダルウインドウが出てきて編集できるようにしております。

モーダルウインドウから画像を変更するときに既存の画像が表示されるので、それをクリックして変更できるように実装したいと考えております。

以下に該当箇所のコード等記述いたします。
他に必要なファイルなどあれば、おっしゃっていただけると幸いです。

//モーダルウインドウ
<div class="modal-dialog">
  <div class="modal-content">
    <h3>プロフィールを編集</h3>
    <%= form_with model: @user, url: user_path, method: :patch, remote: true do |f| %>
      <div class="field">
      <%= attachment_image_tag @user, :profile_image, format: 'jpeg', size: "100x100" %>
      <%= f.attachment_field :profile_image, :placeholder => "プロフィール画像" %>
      </div>
      <div class="field">
        <%= f.label :name %><br />
        <%= f.text_field :name, autofocus: true %>
      </div>
      <div class="field">
        <%= f.label :自己紹介 %><br>
        <%= f.text_area :introduction, autofocus: true %>
      </div>
      <%= f.submit "保存", class: "btn btn-primary" %>
    <% end %>
  </div>
</div>

$("#user-modal").html("<%= escape_javascript(render 'edit') %>")
$("#user-modal").modal("show")

現状の写真です。
ファイルを選択の部分を見せないようにし、代わりに画像クリックで変更したいです。
![

余談

モーダルウインドウが変更後に保存しても閉じません。
黒い周りの部分をクリックすることや更新することでupdate処理自体はなされています。

以上、よろしくお願いいたします。