.contenedor-imagenes{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.obra-proceso{
    display: inline-block;
    overflow: hidden;
    padding: 1rem;
    float: left;
    animation: opacidad 3s linear;
}

.obra-proceso img:hover{
    cursor: pointer;
}

@keyframes opacidad{
    from{
        opacity: 0;
        transition: all 1s;
    }to{
        transition: all 1s;
        opacity: 1;
    }
}

/*Responsive*/

@media only screen and (max-width: 600px) {
    .contenedor-procesos, .contenedor-imagenes{
        width: 100%;
    }
}