.imagen {
    transition: all 0.5s ease-in; /*transicion de salida / fin del efecto. También podríamos poner solo esta transcición y haría efecto cuando nos posicionamos sob¡bre el elemento y cuando dejamos de hacer hover */
}
.imagen:hover {
    filter: blur(5px);/*efecto desenfoque*/
    transition: all 0.5s ease; /* transición que se lleva a cabo cuando hacemos hover sobre el elemento*/
}