@keyframes maintitle {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -700px;
    }
}

.containerMP .MP_img {
    position: absolute;
    width: 100%;
    opacity: 0;
    animation: change-img-MP 8.8s forwards;
}
.containerMP .MP_img:nth-of-type(1) {
    animation-delay: 0s;
}
.containerMP .MP_img:nth-of-type(2) {
    animation-delay: 1.1s;
}
.containerMP .MP_img:nth-of-type(3) {
    animation-delay: 2.2s;
}
.containerMP .MP_img:nth-of-type(4) {
    animation-delay: 3.3s;
}
.containerMP .MP_img:nth-of-type(5) {
    animation-delay: 4.4s;
}
.containerMP .MP_img:nth-of-type(6) {
    animation-delay: 5.5s;
}
.containerMP .MP_img:nth-of-type(7) {
    animation-delay: 6.6s;
}
.containerMP .MP_img:nth-of-type(8) {
    animation-delay: 7.7s;
}
@keyframes change-img-MP {
    0%{ opacity: 0;}
    10%{ opacity: 1;}
    90%{ opacity: 1;}
    100%{ opacity: 1;}
}

.containerRS .RS_img {
    position: absolute;
    width: 100%;
    opacity: 0;
    animation: change-img-RS 14.3s forwards;
}
.containerRS .RS_img:nth-of-type(1) {
    animation-delay: 0s;
}
.containerRS .RS_img:nth-of-type(2) {
    animation-delay: 1.1s;
}
.containerRS .RS_img:nth-of-type(3) {
    animation-delay: 2.2s;
}
.containerRS .RS_img:nth-of-type(4) {
    animation-delay: 3.3s;
}
.containerRS .RS_img:nth-of-type(5) {
    animation-delay: 4.4s;
}
.containerRS .RS_img:nth-of-type(6) {
    animation-delay: 5.5s;
}
.containerRS .RS_img:nth-of-type(7) {
    animation-delay: 6.6s;
}
.containerRS .RS_img:nth-of-type(8) {
    animation-delay: 7.7s;
}
.containerRS .RS_img:nth-of-type(9) {
    animation-delay: 8.8s;
}
.containerRS .RS_img:nth-of-type(10) {
    animation-delay: 9.9s;
}
.containerRS .RS_img:nth-of-type(11) {
    animation-delay: 11s;
}
.containerRS .RS_img:nth-of-type(12) {
    animation-delay: 12.1s;
}
.containerRS .RS_img:nth-of-type(13) {
    animation-delay: 13.2s;
}
@keyframes change-img-RS {
    0%{ opacity: 0;}
    10%{ opacity: 1;}
    90%{ opacity: 1;}
    100%{ opacity: 1;}
}

.containerPG .PG_img {
    position: absolute;
    width: 100%;
    opacity: 0;
    animation: change-img-PG 7.7s forwards;
}
.containerPG .PG_img:nth-of-type(1) {
    animation-delay: 0s;
}
.containerPG .PG_img:nth-of-type(2) {
    animation-delay: 1.1s;
}
.containerPG .PG_img:nth-of-type(3) {
    animation-delay: 2.2s;
}
.containerPG .PG_img:nth-of-type(4) {
    animation-delay: 3.3s;
}
.containerPG .PG_img:nth-of-type(5) {
    animation-delay: 4.4s;
}
.containerPG .PG_img:nth-of-type(6) {
    animation-delay: 5.5s;
}
.containerPG .PG_img:nth-of-type(7) {
    animation-delay: 6.6s;
}
@keyframes change-img-PG {
    0%{ opacity: 0;}
    10%{ opacity: 1;}
    90%{ opacity: 1;}
    100%{ opacity: 1;}
}

@keyframes scroll-anim {
    100% {
        background-position: -100% 0;
    }
}

@media screen and (max-width:820px) {
    @keyframes maintitle {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 0 -200px;
        }
    }
}

@media screen and (max-width:640px) {
    @keyframes maintitle {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 0 -500px;
        }
    }

}