.slider-animation-images {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}
.slider-animation-images span {
    display: block;
    position: absolute;
}

.slider-animation-images .image1 {
    left: 2.6%;
    top: 12%;
    animation: animationFramesOne 15s infinite linear;
}

.slider-animation-images .image2 {
    top: 13%;
    left: 2.8%;
    animation: animationFramesThree 15s infinite linear;
}

.slider-animation-images .image3 {
    left: 1.5%;
    bottom: 35.6%;
    animation: animationFramesOne 15s infinite linear;
}

.slider-animation-images .image4 {
    left: 33%;
    bottom: 13%;
    animation: animationFramesTwo 15s infinite linear;
}

.slider-animation-images .image5 {
    left: 37%;
    bottom: 16%;
    animation: animationFramesTwo 15s infinite linear;
}

.slider-animation-images .image6 {
    right: 40.2%;
    top: -1%;
    animation: animationFramesFour 15s infinite linear;
}

.slider-animation-images .image7 {
    right: 33.5%;
    bottom: 0;
    animation: animationFramesFive 15s infinite linear;
}

.slider-animation-images .image8 {
    right: 6.3%;
    top: 15%;
    animation: animationFramesSix 15s infinite linear;
}

.slider-animation-images .image9 {
    right: -4%;
    bottom: 14%;
    animation: ripple4 15s linear infinite;
}


@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }

    20% {
        -webkit-transform: translate(200px, -1px) rotate(36deg) scale(0.7);
        transform: translate(200px, -1px) rotate(36deg) scale(0.7);
    }

    40% {
        -webkit-transform: translate(251px, 140px) rotate(72deg) scale(0.6);
        transform: translate(251px, 140px) rotate(72deg) scale(0.6);
    }

    60% {
        -webkit-transform: translate(141px, 250px) rotate(108deg) scale(0.7);
        transform: translate(141px, 250px) rotate(108deg) scale(0.7);
    }

    80% {
        -webkit-transform: translate(-40px, 100px) rotate(144deg) scale(0.8);
        transform: translate(-40px, 100px) rotate(144deg) scale(0.8);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
        transform: translate(0px, 0px) rotate(0deg) scale(1);
    }
}

@keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(1000px, 1000px);
        transform: translate(1000px, 1000px);
    }

    100% {
        -webkit-transform: translate(-500px, -500px);
        transform: translate(-500px, -500px);
    }
}

@keyframes animationFramesFour {
    0% {
        transform: translate(-1000px, 1000px);
    }

    100% {
        transform: translate(200px, -200px);
    }
}

@keyframes animationFramesFive {
    0% {
        -webkit-transform: translate(200px, 200px);
        transform: translate(200px, 200px);
    }

    100% {
        -webkit-transform: translate(-1000px, -1000px);
        transform: translate(-1000px, -1000px);
    }
}

@keyframes ripple4 {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.5;
    }
}

@keyframes animationFramesSix {
    0% {
        -webkit-transform: translate(-250px, 200px);
        transform: translate(-250px, 200px);
    }
}
