.svgposition{
    position: absolute;
    top: 5rem;
   left: -1500px;
    overflow: hidden;
}
#bottom, #middle, #top{
    animation: bottom 5s ease-in-out infinite alternate;
    transform-origin: center;
    trasform-box: fill-box;   
}
#bottom1, #middle1, #top1{
     animation: bottom 7s ease-in-out infinite alternate;
    transform-origin: center;
    trasform-box: fill-box; 
    animation-delay: 4s;
}
.bottomsvgposition{
    position: relative;
    left: -100%;
    margin-top: -100px;
    z-index: -10;
    
}
#bottomTop, #bottomMiddle, #bottomBottom{
    animation: bottomBottom 5s ease-in-out infinite alternate;
    transform-origin: center;
    trasform-box: fill-box; 
}
#bottomTop1, #bottomMiddle1, #bottomBottom1{
    animation: bottomBottom1 5s ease-in-out infinite alternate;
    transform-origin: center;
    trasform-box: fill-box; 
    animation-delay: 4s;

}
@keyframes bottom{
    from{
        transform: translateX(0px);
    }
    to{
        transform: translateX(500px);
    }
}
@keyframes bottom1{
    from{
        transform: translateX(0px);
    }
    to{
        transform: translateX(-500px);
    }
}
@keyframes bottomBottom1{
    from{
        transform: translateX(0px);
    }
    to{
        transform: translateX(-500px);
    }
}
@keyframes bottomBottom{
    from{
        transform: translateX(0px);
    }
    to{
        transform: translateX(-500px);
    }
}