My FeedDiscussionsHeadless CMS
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more
Responsive images with a focus point?

Responsive images with a focus point?

Melvin Smith's photo
Melvin Smith
·Mar 2, 2016

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?