.csi_girando {
    display: flex;
}
#imagen_girando {
    margin: 0 auto;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    animation-name: girando;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: perspective(600px) rotateY(360deg);
}
#imagen_girando:hover {
    transform: perspective(200px) rotateY(0deg);
    /* width: 300px; */
}
.csi_girando img {
    transform: perspective(600px) rotateY(360deg);
}
@keyframes girando {
    from {
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }
}