How to get only the central part when reducing the size of the image?

Question

css

Hello. There is a picture:

<img src="http://www.personal.psu.edu/jul229/mini.jpg" alt="">

How to make it so that when its size is reduced, for example, 150 by 150, only its central part (with minions) is taken as the basis, and the insignificant part is discarded, preferably without the use of scripts.

Answer 1

codepen.io/anon/pen/bdXyKo?editors=110 but there are some restrictions

Answer 2

a typical example of centering an image in a block of a given size (possible as a percentage)
jsfiddle.net/SerzN1/s3fLutz5/1