Всем привет. Есть картинка:
img {
width: 150px;
height: 150px;
background: url('http://www.personal.psu.edu/jul229/mini.jpg') center no-repeat;
background-size: cover;
}
<img src="http://www.personal.psu.edu/jul229/mini.jpg" alt="">
Как сделать так, чтобы при уменьшении ее размеров к примеру 150 на 150 бралась за основу только ее центральная часть (с миньонами), а несущественная часть отбрасывалась и желательно без использования скриптов.