JSFiddle - React, Tailwind, and code Playground

HTML

<form enctype="multipart/form-data">
  <label for="fileupload">
    <img class="fileupload" src="https://upload.wikimedia.org/wikipedia/en/8/88/Java_logo.png">
  </label>
  <input id="fileupload" type="file" hidden>
</form>

CSS

img {
      border-radius: 50%;
    width: 128px;
    height: 128px;
    border: 1px solid #ddd;
}