<img class="circle" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/62127/penguin.jpg" alt="Tyler">
.circle {
  background: rgba(15, 28, 63, 0.125);
  border-radius: 50%;
  height: 8em;
  object-fit: cover;
  width: 8em;
}

External CSS

  1. https://codepen.io/tylersticka/pen/84283323f542da5a9690fa4581c876ec

External JavaScript

This Pen doesn't use any external JavaScript resources.