.message__section-mainContent {
    margin:30px 0px;
    display:flex;
    gap:20px;
    height:auto;
}

.mainContent__imgContainer{
    flex:1;
    cursor: pointer;
    padding:20px 40px;
    background:#fff;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-shadow: 4px 8px 25px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 8px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 4px 8px 25px 0px rgba(0,0,0,0.5);
    
}
.mainContent__imgContainer:hover{
    box-shadow: 6px 8px 8px -2px rgba(0,0,0,0.36);
    -webkit-box-shadow: 6px 8px 8px -2px rgba(0,0,0,0.36);
    -moz-box-shadow: 6px 8px 8px -2px rgba(0,0,0,0.36);
}
/* .mainContent__imgContainer{
    opacity: 0;
}
.mainContent__imgContainer .animated{
    opacity: 1;
} */

.mainContent__imgContainer p {
    font-weight:bold;
    font-size:12px;
    margin-bottom:0;
    text-align: center;
}

.mainContent__imgContainer h5{
    font-weight:bold;
}
 .mainContent__imgContainer img{
    height:140px;
    background:lightgreen;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

.mainContent__textContainer{
    cursor: pointer;
    flex:3;
    padding:20px 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    background:#fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: -4px 8px 25px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: -4px 8px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -4px 8px 25px 0px rgba(0,0,0,0.5);

}
.mainContent__textContainer:hover{
    box-shadow: -4px 8px 8px -2px rgba(0,0,0,0.36);
    -webkit-box-shadow: -4px 8px 8px -2px rgba(0,0,0,0.36);
    -moz-box-shadow: -4px 8px 8px -2px rgba(0,0,0,0.36);

}
.mainContent__textContainer h4{
    font-weight:bold;
}
.mainContent__textContainer p{
    line-height:1.5;
    font-weight:600;
}

@media (max-width: 600px) {
    .message__section-mainContent{
        display: flex;
        /* animation-duration:0s; */
        flex-direction: column;
        gap: 0px;
        box-shadow: -4px 8px 8px -2px rgba(0,0,0,0.36);
    }
    .mainContent__textContainer, .mainContent__imgContainer{
        box-shadow:none;
        padding-bottom: 0px;
    }
}
/* @keyframes slideInRight{
    from{
        transform:translateX(+100px);
    }

    to{
        transform:translateX(0);
    }
}
/* .mainContent__imgContainer1{
    animation-name:slideInRight;
    animation-duration:1s;
    animation-timing-function:ease-in;
    animation-delay:1s;
    /* animation-iteration-count:3; */