.tcb-hover-box-container{
    position: relative;
    overflow:hidden;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.tcb-hover-box-hover-container{
    position:absolute;
    
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: bottom 0.3s ease-in-out;
}

.tcb-hover-box-cover-container{
    background-position: center;
    background-size: cover;
}
    
.tcb-hover-box-read-more-btn-hover{
    position:absolute;
}

@media screen and (min-width: 1366px){
    .tcb-hover-box-container:hover .tcb-hover-box-hover-container {
        bottom: 0;
    }
    .tcb-hover-box-read-more-btn-cover{
        display: none;
    }

    .tcb-hover-box-s2-cover-container{
        transition: 1s;
        position: relative; 
    }

    .tcb-hover-box-s2-container:hover .tcb-hover-box-s2-cover-container{
        bottom:0px !important;
    }

}

.tcb-hover-box-s2-container{
    background-position: center;
    background-size: cover;
    position:relative;
    overflow: hidden;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Push content to the bottom */
}


.tcb-hover-box-s2-read-more-btn{
    display: inline-block;
}