Изменить css чтобы работал zoom эффект

Есть исходник с css в котором при наведении мышки приближается картинка в своей области.

Там два варианта реализации. Мне нужно чтобы при наведении на второй вариант исходная картинка не выходила за свои пределы, то есть как в первом варианте она бы увеличивалась в своей области. Первый вариант реализован с помощью div, второй когда только img! Вот мне и нужно чтобы для увеличения не задавался div, а просто прописывался класс в img.