body{
    display: flex;
    justify-content: center;
    text-align: center;
    height: auto;
}

h3{
    color: rgb(61, 19, 100);
    text-shadow: 3px;
}

.cajas img{
    width: 200px;
    height: 200px;
    margin-left: 80px;
    margin-bottom: 20px
}

.cajas img:hover{
    animation: shake 0.5s; 
    animation-iteration-count: infinite; 
    -webkit-filter:blur(1px); 
    -webkit-transition: .5s ease-in; 
} 
     
    @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}