JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="http://cdns2.freepik.com/free-photo/farmhouse-in-the-hill_23-2147506613.jpg">
</div>

CSS

@media screen and (max-width: 700px) {
    div {
        border: 5px solid red;
        overflow: hidden;
        width: 400px;
        height: 400px;
    }
    img {
        transform-origin: 60px 250px;
        transform: translate(-60px,-250px) scale(2);
    }
}