/* Contenedor que se mueve de izquierda a derecha */
.contenedor1 {
    position: absolute;
    width: 150px; /* Tamaño del área del serrucho */
    height: 150px;
    animation: moverHorizontal 25s infinite alternate ease-in-out;
}
.contenedor2 {
    position: relative;
    width: 200px;
    height: 200px;
}

.serrucho {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY (-50%);
    animation: cortar 0.5s infinite alternate ease-in-out;
}

/* Movimiento de izquierda a derecha de todo el contenedor */
@keyframes moverHorizontal {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(100vw - 150px));
    }
}

@keyframes cortar {
    0% {
        transform: translate(0px, 0px) rotate(-10deg);
    }
    100% {
        transform: translate(50px, 50px) rotate(10deg);
    }
}