Аватар

HTML CSS


<picture class="c-avatar">
  <source media="(min-width: 900px)" srcset="img/cog@2x.png 2x" />
  <img class="c-avatar__image" height="160" width="160" src="img/cog-raw.png" alt="Аватар пользователя">
</picture>


.c-avatar {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  width: 10rem;
  height: 10rem;
}
.c-avatar__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}