.meerchaum-container {
    position: absolute;
    height: 100vh;
    width: 100vw;
    z-index: 1;
}

.meerchaum img {
    width: 500px;
    position: absolute;
    opacity: 0;
}

.me1{
    position: absolute;
    top: -200px; 
    left: 0;
    transform: rotate(0deg);
    animation: 5s lm1 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm1 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 0;
    }
    80% {
        top: -180px; 
        left: 0;
    }
    100% {
        opacity: 0;
    }
}

.me2{
    position: absolute;
    top: -100px; 
    left: 150px;
    transform: rotate(0deg);
    animation: 3s lm2 1s infinite;
    transition: top 1s, right 1;
}
@keyframes lm2 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 150px;
    }
    80% {
        top: -180px; 
        left: 150px;
    }
    100% {
        opacity: 0;
    }
}

.me3{
    position: absolute;
    top: -200px; 
    left: 300px;
    transform: rotate(0deg);
    animation: 5s lm3 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm3 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 300px;
    }
    80% {
        top: -180px; 
        left: 300px;
    }
    100% {
        opacity: 0;
    }
}

.me4{
    position: absolute;
    top: -200px; 
    left: 450px;
    transform: rotate(0deg);
    animation: 3.5s lm4 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm4 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 450px;
    }
    80% {
        top: -180px; 
        left: 450px;
    }
    100% {
        opacity: 0;
    }
}
.me5{
    position: absolute;
    top: -200px; 
    left: 600px;
    transform: rotate(0deg);
    animation: 7s lm5 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm5 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 600px;
    }
    80% {
        top: -180px; 
        left: 600px;
    }
    100% {
        opacity: 0;
    }
}
.me6{
    position: absolute;
    top: -200px; 
    left: 750;
    transform: rotate(0deg);
    animation: 4s lm6 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm6 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 750px;
    }
    80% {
        top: -180px; 
        left: 750px;
    }
    100% {
        opacity: 0;
    }
}
.me7{
    position: absolute;
    top: -200px; 
    left: 900px;
    transform: rotate(0deg);
    animation: 6s lm7 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm7 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 900px;
    }
    80% {
        top: -180px; 
        left: 900px;
    }
    100% {
        opacity: 0;
    }
}

.me11{
    position: absolute;
    top: -200px; 
    left: 1050px;
    transform: rotate(0deg);
    animation: 5.5s lm11 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm11 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 1050px;
    }
    80% {
        top: -180px; 
        left: 1050px;
    }
    100% {
        opacity: 0;
    }
}

.me8{
    position: absolute;
    top: -200px; 
    left: 1200px;
    transform: rotate(0deg);
    animation: 5s lm8 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm8 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 1200px;
    }
    80% {
        top: -180px; 
        left: 1200px;
    }
    100% {
        opacity: 0;
    }
}

.me9{
    position: absolute;
    top: -200px; 
    left: 1350px;
    transform: rotate(0deg);
    animation: 7s lm9 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm9 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 1350px;
    }
    80% {
        top: -180px; 
        left: 1350px;
    }
    100% {
        opacity: 0;
    }
}

.me10{
    position: absolute;
    top: -200px; 
    left: 1500px;
    transform: rotate(0deg);
    animation: 3s lm10 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm10 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: 1500px;
    }
    80% {
        top: -180px; 
        left: 1500px;
    }
    100% {
        opacity: 0;
    }
}

.me12{
    position: absolute;
    top: -200px; 
    left: -150px;
    transform: rotate(0deg);
    animation: 3s lm12 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm12 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: -150px;
    }
    80% {
        top: -180px; 
        left: -150px;
    }
    100% {
        opacity: 0;
    }
}

.me13{
    position: absolute;
    top: -200px; 
    left: -300px;
    transform: rotate(0deg);
    animation: 3s lm13 1s infinite;
    transition: top 1s, right 1;
}

@keyframes lm13 {
    0% {
        opacity: 0.3;
        top: -200px; 
        left: -300px;
    }
    80% {
        top: -180px; 
        left: -300px;
    }
    100% {
        opacity: 0;
    }
}

.me-1{
    position: absolute;
    bottom: -100px; 
    left: 0;
    transform: rotate(180deg);
    animation: 5s lm-1 1s infinite;
    transition: top 1s, right 1;
}


@keyframes lm-1 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 0;
    }
    80% {
       bottom: -80px;
        left: 0;
    }
    100% {
        opacity: 0;
    }
}

.me-2{
    position: absolute;
    bottom: -100px; 
    left: 150px;
    transform: rotate(180deg);
    animation: 3s lm-2 1s infinite;
    transition: bottom 1s, right 1;
}
@keyframes lm-2 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 150px;
    }
    80% {
       bottom: -80px;
        left: 150px;
    }
    100% {
        opacity: 0;
    }
}

.me-3{
    position: absolute;
    bottom: -100px; 
    left: 300px;
    transform: rotate(180deg);
    animation: 5s lm-3 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-3 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 300px;
    }
    80% {
       bottom: -80px;
        left: 300px;
    }
    100% {
        opacity: 0;
    }
}

.me-4{
    position: absolute;
    bottom: -100px; 
    left: 450px;
    transform: rotate(180deg);
    animation: 3.5s lm-4 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-4 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 450px;
    }
    80% {
       bottom: -80px;
        left: 450px;
    }
    100% {
        opacity: 0;
    }
}
.me-5{
    position: absolute;
    bottom: -100px; 
    left: 600px;
    transform: rotate(180deg);
    animation: 7s lm-5 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-5 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 600px;
    }
    80% {
       bottom: -80px;
        left: 600px;
    }
    100% {
        opacity: 0;
    }
}
.me-6{
    position: absolute;
    bottom: -100px; 
    left: 750;
    transform: rotate(180deg);
    animation: 4s lm-6 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-6 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 750px;
    }
    80% {
       bottom: -80px;
        left: 750px;
    }
    100% {
        opacity: 0;
    }
}
.me-7{
    position: absolute;
    bottom: -100px; 
    left: 900px;
    transform: rotate(180deg);
    animation: 6s lm-7 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-7 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 900px;
    }
    80% {
       bottom: -80px;
        left: 900px;
    }
    100% {
        opacity: 0;
    }
}

.me-11{
    position: absolute;
    bottom: -100px; 
    left: 1050px;
    transform: rotate(180deg);
    animation: 5.5s lm-11 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-11 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 1050px;
    }
    80% {
       bottom: -80px;
        left: 1050px;
    }
    100% {
        opacity: 0;
    }
}

.me-8{
    position: absolute;
    bottom: -100px; 
    left: 1200px;
    transform: rotate(180deg);
    animation: 5s lm-8 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-8 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 1200px;
    }
    80% {
       bottom: -80px;
        left: 1200px;
    }
    100% {
        opacity: 0;
    }
}

.me-9{
    position: absolute;
    bottom: -100px; 
    left: 1350px;
    transform: rotate(180deg);
    animation: 7s lm-9 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-9 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 1350px;
    }
    80% {
       bottom: -80px;
        left: 1350px;
    }
    100% {
        opacity: 0;
    }
}

.me-10{
    position: absolute;
    bottom: -100px; 
    left: 1500px;
    transform: rotate(180deg);
    animation: 3s lm-10 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-10 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: 1500px;
    }
    80% {
       bottom: -80px;
        left: 1500px;
    }
    100% {
        opacity: 0;
    }
}

.me-12{
    position: absolute;
    bottom: -100px; 
    left: -150px;
    transform: rotate(180deg);
    animation: 3s lm-12 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-12 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: -150px;
    }
    80% {
       bottom: -80px;
        left: -150px;
    }
    100% {
        opacity: 0;
    }
}

.me-13{
    position: absolute;
    bottom: -100px; 
    left: -300px;
    transform: rotate(180deg);
    animation: 3s lm-13 1s infinite;
    transition: bottom 1s, right 1;
}

@keyframes lm-13 {
    0% {
        opacity: 0.3;
        bottom: -100px; 
        left: -300px;
    }
    80% {
       bottom: -80px;
        left: -300px;
    }
    100% {
        opacity: 0;
    }
}

.new-1{
    position: absolute;
    right: -250px; 
    top: 0;
    transform: rotate(90deg);
    animation: 5s anim-1 1s infinite;
    transition: top 1s, right 1;
}

@keyframes anim-1 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 0;
    }
    80% {
       right: -230px;
        top: 0;
    }
    100% {
        opacity: 0;
    }
}

.new-2{
    position: absolute;
    right: -250px; 
    top: 150px;
    transform: rotate(90deg);
    animation: 3s anim-2 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-2 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 150px;
    }
    80% {
       right: -230px;
        top: 150px;
    }
    100% {
        opacity: 0;
    }
}

.new-3{
    position: absolute;
    right: -250px; 
    top: 300px;
    transform: rotate(90deg);
    animation: 5s anim-3 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-3 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 300px;
    }
    80% {
       right: -230px;
        top: 300px;
    }
    100% {
        opacity: 0;
    }
}

.new-4{
    position: absolute;
    right: -250px; 
    top: 450px;
    transform: rotate(90deg);
    animation: 3.5s anim-4 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-4 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 450px;
    }
    80% {
       right: -230px;
        top: 450px;
    }
    100% {
        opacity: 0;
    }
}

.new-5{
    position: absolute;
    right: -250px; 
    top: 600px;
    transform: rotate(90deg);
    animation: 7s anim-5 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-5 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 600px;
    }
    80% {
       right: -230px;
        top: 600px;
    }
    100% {
        opacity: 0;
    }
}

.new-6{
    position: absolute;
    right: -250px; 
    top: 750px;
    transform: rotate(90deg);
    animation: 4s anim-6 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-6 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 750px;
    }
    80% {
       right: -230px;
        top: 750px;
    }
    100% {
        opacity: 0;
    }
}

.new-7{
    position: absolute;
    right: -250px; 
    top: 900px;
    transform: rotate(90deg);
    animation: 6s anim-7 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-7 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 900px;
    }
    80% {
       right: -230px;
        top: 900px;
    }
    100% {
        opacity: 0;
    }
}

.new-8{
    position: absolute;
    right: -250px; 
    top: 1050px;
    transform: rotate(90deg);
    animation: 5.5s anim-8 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-8 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 1050px;
    }
    80% {
       right: -230px;
        top: 1050px;
    }
    100% {
        opacity: 0;
    }
}

.new-9{
    position: absolute;
    right: -250px; 
    top: 1200px;
    transform: rotate(90deg);
    animation: 5s anim-9 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-9 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 1200px;
    }
    80% {
       right: -230px;
        top: 1200px;
    }
    100% {
        opacity: 0;
    }
}

.new-10{
    position: absolute;
    right: -250px; 
    top: 1350px;
    transform: rotate(90deg);
    animation: 7s anim-10 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-10 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 1350px;
    }
    80% {
       right: -230px;
        top: 1350px;
    }
    100% {
        opacity: 0;
    }
}

.new-11{
    position: absolute;
    right: -250px; 
    top: 1500px;
    transform: rotate(90deg);
    animation: 3s anim-11 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-11 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: 1500px;
    }
    80% {
       right: -230px;
        top: 1500px;
    }
    100% {
        opacity: 0;
    }
}

.new-12{
    position: absolute;
    right: -250px; 
    top: -150px;
    transform: rotate(90deg);
    animation: 3s anim-12 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-12 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: -150px;
    }
    80% {
       right: -230px;
        top: -150px;
    }
    100% {
        opacity: 0;
    }
}

.new-13{
    position: absolute;
    right: -250px; 
    top: -300px;
    transform: rotate(90deg);
    animation: 3s anim-13 1s infinite;
    transition: right 1s, right 1;
}

@keyframes anim-13 {
    0% {
        opacity: 0.3;
        right: -250px; 
        top: -300px;
    }
    80% {
       right: -230px;
        top: -300px;
    }
    100% {
        opacity: 0;
    }
}
.neww-1{
    position: absolute;
    left: -250px; 
    top: 0;
    transform: rotate(-90deg);
    animation: 5s animm-1 1s infinite;
    transition: top 1s, left 1;
}

@keyframes animm-1 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 0;
    }
    80% {
       left: -230px;
        top: 0;
    }
    100% {
        opacity: 0;
    }
}

.neww-2{
    position: absolute;
    left: -250px; 
    top: 150px;
    transform: rotate(-90deg);
    animation: 3s animm-2 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-2 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 150px;
    }
    80% {
       left: -230px;
        top: 150px;
    }
    100% {
        opacity: 0;
    }
}

.neww-3{
    position: absolute;
    left: -250px; 
    top: 300px;
    transform: rotate(-90deg);
    animation: 5s animm-3 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-3 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 300px;
    }
    80% {
       left: -230px;
        top: 300px;
    }
    100% {
        opacity: 0;
    }
}

.neww-4{
    position: absolute;
    left: -250px; 
    top: 450px;
    transform: rotate(-90deg);
    animation: 3.5s animm-4 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-4 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 450px;
    }
    80% {
       left: -230px;
        top: 450px;
    }
    100% {
        opacity: 0;
    }
}

.neww-5{
    position: absolute;
    left: -250px; 
    top: 600px;
    transform: rotate(-90deg);
    animation: 7s animm-5 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-5 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 600px;
    }
    80% {
       left: -230px;
        top: 600px;
    }
    100% {
        opacity: 0;
    }
}

.neww-6{
    position: absolute;
    left: -250px; 
    top: 750px;
    transform: rotate(-90deg);
    animation: 4s animm-6 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-6 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 750px;
    }
    80% {
       left: -230px;
        top: 750px;
    }
    100% {
        opacity: 0;
    }
}

.neww-7{
    position: absolute;
    left: -250px; 
    top: 900px;
    transform: rotate(-90deg);
    animation: 6s animm-7 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-7 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 900px;
    }
    80% {
       left: -230px;
        top: 900px;
    }
    100% {
        opacity: 0;
    }
}

.neww-8{
    position: absolute;
    left: -250px; 
    top: 1050px;
    transform: rotate(-90deg);
    animation: 5.5s animm-8 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-8 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 1050px;
    }
    80% {
       left: -230px;
        top: 1050px;
    }
    100% {
        opacity: 0;
    }
}

.neww-9{
    position: absolute;
    left: -250px; 
    top: 1200px;
    transform: rotate(-90deg);
    animation: 5s animm-9 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-9 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 1200px;
    }
    80% {
       left: -230px;
        top: 1200px;
    }
    100% {
        opacity: 0;
    }
}

.neww-10{
    position: absolute;
    left: -250px; 
    top: 1350px;
    transform: rotate(-90deg);
    animation: 7s animm-10 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-10 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 1350px;
    }
    80% {
       left: -230px;
        top: 1350px;
    }
    100% {
        opacity: 0;
    }
}

.neww-11{
    position: absolute;
    left: -250px; 
    top: 1500px;
    transform: rotate(-90deg);
    animation: 3s animm-11 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-11 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: 1500px;
    }
    80% {
       left: -230px;
        top: 1500px;
    }
    100% {
        opacity: 0;
    }
}

.neww-12{
    position: absolute;
    left: -250px; 
    top: -150px;
    transform: rotate(-90deg);
    animation: 3s animm-12 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-12 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: -150px;
    }
    80% {
       left: -230px;
        top: -150px;
    }
    100% {
        opacity: 0;
    }
}

.neww-13{
    position: absolute;
    left: -250px; 
    top: -300px;
    transform: rotate(-90deg);
    animation: 3s animm-13 1s infinite;
    transition: left 1s, left 1;
}

@keyframes animm-13 {
    0% {
        opacity: 0.3;
        left: -250px; 
        top: -300px;
    }
    80% {
       left: -230px;
        top: -300px;
    }
    100% {
        opacity: 0;
    }
}