body {
   p {
  margin: 25px 50px 75px 100px;
}
}
.background {
    position: fixed;
    inset: 0;
    overflow: hidden;
    z-index: -1;
}

.layer {
    position: absolute;
    inset: 0;
    background-repeat: repeat-x;
    background-size: cover;
}

.layer1 {
    background-image: url("images/background_1.png");
    animation: move1 640s linear infinite;

}

.layer2 {
    background-image: url("images/background_2.png");
    animation: move2 480s linear infinite;
}

.layer3 {
    background-image: url("images/background_3.png");
    animation: move3 320s linear infinite;
}

.layer4 {
    background-image: url("images/background_4.png");
    animation: move4 200s linear infinite;
}

.layer5 {
    background-image: url("images/background_5.png");
    animation: move5 120s linear infinite;
}


@keyframes move1 {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -1000px;
    }
}

@keyframes move2 {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -1000px;
    }
}

@keyframes move3 {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -1000px;
    }
}

@keyframes move4 {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -1000px;
    }
}

@keyframes move5 {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -1000px;
    }
}