[SOLUCIONADO] Mantener relación de tamaño elemento

[maurikius1983]

Hola a todos, a ver si podéis ayudarme con esto, tengo una galeria (digamoslo as)í, donde tengo un grid de 6 imagenes responsive,el width es en %, tengo un efecto zoom con Scale(), controlo el overflow hidden para el width, es decir mantiene el mismo tamaño de ancho, pero en el height no puedo controlarlo ya que el alto no es fijo.

Hay alguna forma de mantener la relacion de alto y ancho sin que se modifique el alto del contenedor.

[maurikius1983]

Os pongo el codigo:

Código:

#services{
    overflow: hidden;
    margin: .5%;
    float: left;
    width: 32%;
}

#services img{
    max-width: 100%; 
    max-height: 100%; 
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#services img:hover{
    cursor: pointer;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

[maurikius1983]

Ya he encontrado la solución, el problema no era el redimensionamiento, era el espacio por el display. lo he solucionado poniendo display: block