Resize images with a circle demo

by Julian

HTML

<div><img src="https://source.unsplash.com/MUnoV4capRk/900x300" id="circle"/></div>
<div><img src="https://i.pinimg.com/originals/a5/89/01/a58901741f92f952796ea7008c88dea8.jpg" id="circle"/></div>
<div><img src="
https://qph.fs.quoracdn.net/main-qimg-291a5c0ce4c9f21d5523fb0866c4e5e6" id="circle"/></div>

<div><img src="https://source.unsplash.com/-yPg8cusGD8/1000x1000" id="circle"/></div>

CSS

#circle {
  border-radius: 50%;  
  width: 100px;
  height: 100px;
  object-fit: cover;
}