title: How can i make an avatar chooser with Material UI
body: <p>I'm using Material UI v3 within a react project (react v15.6). </p>
  
  <p><strong>What i did so far?</strong> </p>
  
  <p>In the sign up page i can get an image from the user to use as his/her profile photo.</p>
  
  <p><strong>What i want to do</strong></p>
  
  <p>I would like to have a shade on the avatar photo to show him that is clickable. like this image...</p>
  
  <p><a href="https://i.stack.imgur.com/5kQ35.png" rel="noreferrer">avatarChooserImage</a></p>
  
  <p>Someone can tell me, how can i do such a thing? I have no clue. I tried to use plain CSS, but much effort for nothing.</p>