.top_image {
    position: relative;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.top_image img {
    width: 100%;
}

@keyframes slideUp {
    from {
        transform: translateY(100%); /* Start from below the view */
        opacity: 0; 
    }
    to {
        transform: translateY(0%); /* End at the current position */
        opacity: 1; 
    }
}

.img_header {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img_header span {
    display: inline-block;
    opacity: 0%;
    animation: slideUp 1s ease-out forwards;
    padding: 10px 10px 10px 10px;
}

.img_header span:nth-child(1) {
    animation-delay: 0.5s; 
}

.img_header span:nth-child(2) {
    animation-delay: 1s; 
}

.img_header span:nth-child(3) {
    animation-delay: 1.5s; 
}