```css
body{
  overflow-x:hidden;
  overflow-y:hidden;
    }
```

```html
 <a href="#"> <img src="http://placehold.it/1000x800?text=1"></a>
```

However I want the center of the image to be visible on mobile devices, as shown here: [![enter image description here](https://i.stack.imgur.com/4uqk1.jpg)](https://i.stack.imgur.com/4uqk1.jpg)

It is not possible to change the image dimensions and code format in my application.