CSS - Problema efecto zoom en imagenes html css

Hola buenas, tengo un problema al querer hacer un efecto de zoom en las imagenes de una web. Estoy creando la web en Drupal la plantilla se llama html5_simplified y en la página frontal quería montar unas imágenes en forma circular y crearle un efecto zoom, pero no un zoom de lupa ni de ampliar la imagen en la pantalla sino en la misma imagen, no sé si me explico...
Algo así como esto...
https://www.philowen.co/blog/image-zoom-hover-pure-css/

Tengo esto en el html y en el css




Con esto lo que consigo es que la imagen se zoonee hasta hacerse más pequeña pero no quiero modificar el tamaño de la imagen sino como comentaba antes como en el ejemplo que sea en la propia imagen el efecto

He probado varias códigos y todos me funcionan del mismo modo que este, no sé a qué se debe si hay que hacerle un borde, marco a la imagen si es algo de algún div...
Si podéis echarme una mano os lo agradeceria
Gracias anticipadas,
Un saludo

Hola Almudena, por lo que hemos comentado en el chat, tendrias que poner un <div> con posición fija, y dentro del mismo la imagen... algo así:

<div style="width:400px;height:400px;><img src....></div>

De esta manera, la imagen ampliara su tamaño, pero no se visualizara mas grande, ya que se se encuentra dentro del <div>, el cual no aumenta su tamaño.

Modificando lo que me comentas lo he dejado así

<section class="box special features">
<div class="features-row">
<section>
<!-- Aqui podemos poner la imagen que queramos copiando el spam clase=<img> de abajo, quizá poner icono?-->
<div class="img-zoom" style="width:256px;height:256px">
<img src="sites/all/themes/html5_simplified/images/Prueba-1.png" alt="" /></div>
<h3>Oferta gastronómica</h3>
<p>EN el Restaurante O Cabral te ofrecemos una amplía variedad de platos.</p>
</section>

Lo que sucede después es esto


No funciona...

Hola Almudena, aqui te he preparado un simple ejemplo para que puedas replicarlo:

He conseguido hacer el zoom, cogí una imagen cuadrada 169x169 y aplique estos estilos para hacerla redonda y hacer el zoom con lo que me has dicho anteriormente

En html


El resultado es que el circulo se me hace intermitente con el cuadrado, el zoom funciona bien pero eso no sé como solucionarlo
y no se como centrar mi imagen circular al centro de esa seccion



Gracias anticipadas

En principio ya he solucionado los problemas que he tenido por mi cuenta.
quité el atributo position y cree una clase para centrar la imagen con margenes auto.
Gracias de todas maneras