Обрезка и центрирование изображения CSS

object-fit: cover

by Евгений

HTML

<h1>original</h1>
<img height="200" src="//goo.gl/2WnLrL" alt="Bear">

<h1>object-fit: cover</h1>
<img class="centered-and-cropped" height="200" style="border-radius:50%" src="//goo.gl/2WnLrL" alt="Bear">

CSS

.centered-and-cropped { object-fit: cover }