I’m working on a fashion/shopping kinda website with a bunch of high resolution photos, which, I have to make responsive in a way that as the screen size gets smaller, the images would get zoomed in while focusing at some point in the image.
eg: if there’s a person in the full size photo, the zoomed-in responsive photo would have the person centered irrespective of his position in the full size photo. (hope I’m making sense here).
What is the CSS/JS way of doing this?