@keyframes gradientAnimation{0%{background-color:#000}50%{background-color:#1a1a1a}to{background-color:#000}}.item{height:400px;overflow:hidden;transition:all .4s ease-in-out;position:relative;margin:0 15px;align-items:flex-end;border-radius:3px;background:#343434 no-repeat 50%/cover;cursor:pointer;width:200px;display:flex}.item:after{height:100%;content:"";position:absolute;top:0;left:0;width:100%;background-image:linear-gradient(transparent,#000);display:block}.item-descProje{overflow:hidden;transform:translateY(calc(100% - 84px));padding:24px 12px}.item-descProje,.item-descProje h4{color:#fff;transition:all .4s ease-in-out;position:relative;z-index:1}.item-descProje h4{transform:translateY(calc(50% - 10px));padding:0;font-size:20px;margin-bottom:5px;text-shadow:#000 1px 1px 1px;bottom:0}.item-descProje p{transform:translateY(32px);font-size:13px;color:#7e7e7e;transition:all .4s ease-in-out .2s;opacity:0}.items-wrapper{transition:transform .4s ease-in-out;display:flex}.item:hover{transform:scale(1.05)}.item.active{box-shadow:12px 40px 40px hsla(0,0%,7%,.25);width:500px}.item.active .item-descProje{transform:none}.item.active .item-descProje p{transform:translateY(0);opacity:1}.item.active .item-descProje h3{transform:translateY(0)}.active{border:0 solid #dc3545}.show-more{padding:10px 20px;font-size:16px;border:none;color:#fff;background-color:#dc3545;margin:20px auto;border-radius:5px;cursor:pointer;display:block}.show-more:hover{background-color:#0056b3}@media (max-width:800px){.item{width:calc(50% - 20px)}}@media (max-width:600px){.item{width:calc(100% - 20px)}}