I have the image, I want to be able to zoom 10% from the left and 10% from the right, cover from the middle
And after that it will be small
Is such a thing possible?
Or, for example, let’s say that he kept 80% of the image in the middle and wanted to zoom the rest

my code:

<a href="https://example.com/">
<img class="ihero" src="image.jpg">
</a>

img.ihero { width: 100%;}