Mantener relación de tamaño elemento

[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);
}