title: CSS: Rounded effect
body: <p>I would like to make this effect rounded with CSS.</p>
  <p><a href="https://i.stack.imgur.com/Rgexp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rgexp.png" alt="enter image description here" /></a></p>
  <p>But, I'm only able to do this effect:</p>
  <p><a href="https://i.stack.imgur.com/i1hLJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i1hLJ.png" alt="enter image description here" /></a></p>
  <p>This is the code:</p>
  <p><a href="https://codesandbox.io/s/eloquent-curie-one0o?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit eloquent-curie-one0o" /></a></p>
  <p>How can I do this effect and being responsive?</p>