.mystory {margin: 0px 0px 0px -5px;}
.list-mystory {float: left; width: 303px; position: relative; margin: 5px 0px 0px 5px;}
/* .list-mystory:nth-child(even) {margin: 5px;} */

/*
.list-mystory .list-date,
.list-mystory .list-text, 
.list-mystory .list-buttons {display: none;}
*/

.list-mystory .list-quote {position:absolute; top: 215px; background-color:rgba(255, 255, 255, 0.8); padding: 10px; height: 63px; font-size: 0.9em; margin-top: 5px; min-width: 283px;}
.list-mystory .list-date {position: absolute; top: 5px; right: 5px; font-weight: 500; color: #000000; background: rgba(255, 255, 255, 0.6); padding: 2px;}

.list-mystory .list-buttons {text-align: right; margin-bottom: 0px;}
.list-mystory .list-buttons span {text-transform: uppercase;}

.list-mystory .list-text {font-weight: 600;  color:#000000;}
.list-mystory .list-author {text-align: right; font-weight: bold;}
.list-mystory .list-author a {color:#000000 !important;}
.list-mystory .list-image  {overflow:hidden; height: 303px; overflow:hidden;}
.list-mystory .list-image  img {width: 100%; transition: all .2s ease-in-out; filter: contrast(85%) brightness(95%);}
.list-mystory .list-image  img:hover { transform: scale(1.1);}