.banner {
    position: relative;
    overflow: hidden;
}

.banner_BG {
    width: 100%;
}

.banner_student {
    position: absolute;
    bottom: 0;
    left: -50%;
    height: 100%;
    transition: .5s;
    opacity: 0;
}

.show .banner_student {
    left: 0;
    opacity: 1;
}

.banner_title_BG {
    position: absolute;
    bottom: 0;
    right: -50%;
    height: 100%;
    transition: .5s;
    transition-delay: .5s;
    opacity: 0;
}

.show .banner_title_BG {
    right: 0;
    opacity: 1;
}

.banner_title {
    position: absolute;
    top: -38%;
    right: 6%;
    width: 40%;
    animation-name: bounce;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    transition: .5s;
    transition-delay: 1s;;
    opacity: 0;
}

.show .banner_title {
    top: 12%;
    opacity: 1;
}


@media screen and (max-width: 1024px) {

    .banner_BG {
        width: 170%;
        margin: 0 -35%;
    }

    .banner_student {
        left: -66%;
        height: 85%;
    }
    
    .show .banner_student {
        left: -16%;
    }

    .banner_title_BG {
        right: -80%;
    }
    
    .show .banner_title_BG {
        right: -30%;
    }

    .show .banner_title {
        position: absolute;
        top: -28%;
        right: 4%;
        width: 50%;
        transition: .5s;
        transition-delay: 1s;
        animation: none;
    }
    
    
    .show .banner_title {
        top: 22%;
    }
    

}