.profile-image{
    height: 40px;
    width: 40px;
    border-radius: 25px;
}
.user-info h6{
margin-left: 10px;
margin-bottom: 0px;
text-shadow: 2px 0px 14px rgba(0,0,0,0.77);
color: #FFFFFF;

}
.user-info p{
    margin-bottom: 0px;
    margin-left: 7px;
    text-shadow: 2px 0px 14px rgba(0,0,0,0.77);
    color: #FFFFFF;
}
.action-icons{
color: white;
text-shadow: 2px 0px 28px rgba(0,0,0,0.77);
}
.information-col{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.story-main{
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(https://img.freepik.com/premium-photo/young-handsome-man-with-beard-isolated-keeping-arms-crossed-frontal-position_1368-132662.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius:10px;
    position: relative;
    
}
.right-arrow{
    position: absolute;
    top: 50%;
    right: -27%;
    font-size: 45px;
    color: #E5E5E5;
}
.left-arrow{
    position: absolute;
    top: 50%;
    left: -27%;
    font-size: 45px;
    color: #E5E5E5;
}
.right-arrow:hover,
.left-arrow:hover{
color: white;
}