.cs-container{
    position: relative;
    width: 50%;
    background:#21344b;
}

.cs-image{
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.cs-overlay{
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 30%;
    width:100%;   
    text-align: center;
}

.cs-container:hover .cs-image {
    opacity: 0.3;
}

.cs-container:hover .cs-overlay{
    opacity: 1;
}

.cs-title{
    color:#ffffff;
    font-size: 15px;
    font-family:'Open Sans', sans serif;
    margin-bottom:30px;
}

.flex-container{
    display:flex;
}

.more-posts{
    width:100%;
    background:#EE5740;
    color:#ffffff;
    border-radius:0 !important;
    padding:15px;
    font-size:19px;
}

.more-posts:hover{
    width:100%;
    background:#d64e39;
}






@media (max-width: 980px) {
    
    .flex-container{
        display:block;
    }

    .cs-container{
        width: 100%;
    }

}