title: Crop and center image to circle in Bootstrap 4
body: <p>can you help me to crop rectangle image to circle, a crop to center? I need adjust width of cropped image to column width.</p>
  
  <p>My code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-4"&gt;
        &lt;img class="img-fluid rounded-circle" src="http://wallpaper.pickywallpapers.com/1920x1080/mark-wahlberg-front-profile.jpg" alt=""&gt;
      &lt;/div&gt;
  
      &lt;div class="col-8"&gt;Hello there!&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>My solution not works, and made from my image ellipse. Thanks for help.</p>