title: How to make a circular image in css
body: <p>I'm very new to this sort of thing but this is my issue.
  I've looked through a couple of questions and it makes sense with how to make it circular but the image which is made circular is half cut off, is there a way of fixing this.
  I am using HTML and CSS.</p>
  <pre><code>circular_image {
    float: left;
    margin-left: 125px;
    margin-top: 20px;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    background-color: blue;
  }
  </code></pre>