.article-card{position:relative;width:250px;transition:all .3s ease}.article-card img:first-child{box-shadow:0 60px 60px -60px rgba(0,30,255,.5);border-radius:4px;object-fit:cover;width:100%}.article-card img:last-child{position:absolute;bottom:0;left:0;right:0;width:200px;margin:auto;transform:translateY(25%);opacity:0;transition:.3s ease}.article-card:hover{transform:perspective(250px) rotateX(10deg) translateY(-5%) translateZ(0)}.article-card:before{content:"";position:absolute;bottom:0;height:100%;width:100%;background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.5) 50%,#000 95%);opacity:0;transition:all .3s ease}.article-card:hover:before{opacity:1}.article-card:hover img:last-child{opacity:1;transform:translateY(10%)}