.story-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #f1f1f1;border-radius:10px;display:flex;flex-direction:column;height:300px;justify-content:flex-end;min-width:0;padding:1em;position:relative;transition:all .3s;width:100%}.story-card:after{background:linear-gradient(0deg,#131842,#131842 20%,#00d4ff00);border-radius:10px;bottom:0;content:"";height:100%;left:0;opacity:.8;position:absolute;transition:all .3s;width:100%}.story-card h2{overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;color:#f1f1f1;font-size:1em;text-overflow:ellipsis;width:100%;z-index:2}.story-card .tags-container{display:flex;flex-wrap:wrap;gap:5px}.story-card .tags-container>div{background-color:#f1f1f1;border-radius:10px;color:#131842;font-size:.8em;padding:5px;z-index:2}@media (min-width:1024px){.story-card{border:2px solid #131842;height:400px;padding:2em;width:30%}.story-card:hover{border:2px solid #f1f1f1;transform:scale(1.1)}.story-card:hover:after{opacity:1}.story-card:after{border-radius:8px}.story-card h2{font-size:1.5em}}