Scale the parts inside the div and focus it. (jQuery and CSS)

I am working on a configurator - say a bike config

• I need to display images for each part of the bike inside a div, with all of them connected correctly so that it looks like a bike to the end user.

• Now, when the end user wants to change a part (like a steering wheel or a seat), he clicks on it. After click, that will be enlarged and displayed in this div along some part that is attached to it.

That's where the problem lies: when I click a part, I use the CSS Zoom property to zoom in on the part. But since the div size is fixed with the overflow hidden, sometimes the part is hidden. But I want this part to be shown somewhat in the center of the div.

Please help if you can provide some alternatives or any idea to achieve it.

Thanks in advance.