Perfectly fit image without stretching it
HTML
<div></div>
<br>
<img src="http://protingasblogas.lt/images/pexels-photo-12627.jpg" />
CSS
div {
background-image: url("http://protingasblogas.lt/images/pexels-photo-12627.jpg");
background-size: cover;
width: 200px;
height: 200px;
}
img {
width: 200px;
height: 200px;
object-fit: cover;
}
