.cardWork{border-radius:10px;height:250px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:100%;z-index:3}.cardWork img{border-radius:inherit;height:100%;object-fit:cover;position:absolute;transition:all .3s;width:100%;z-index:0}.cardWork:hover img{overflow:hidden!important;transform:scale(1.1)}.cardWork__back{background-color:hsla(0,0%,6%,.4);border-radius:inherit;height:100%;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:1}.cardWork .card-content{background:linear-gradient(0deg,hsla(0,0%,6%,.397),hsla(0,0%,6%,.138) 36%,hsla(0,0%,100%,0) 73%);color:#fff;display:flex;filter:drop-shadow(5px 5px 19px #0d222e);flex-direction:column;gap:10px;height:100%;justify-content:end;padding:40px 30px;position:relative;z-index:2}.cardWork .card-content h3{font-size:20px;font-weight:700}.cardWork .card-content p{font-size:14px;font-weight:400}@media (min-width:768px){.cardWork{height:300px}}@media (min-width:1024px){.cardWork{height:350px}.containerCards{margin:50px 0}.cardWork__back{background:hsla(0,0%,6%,.656);height:100%;opacity:0;position:absolute;transition:all .5s ease;width:100%;z-index:1}.cardWork:hover .cardWork__back{opacity:1}.cardWork .card-content h3{font-size:24px}.cardWork .card-content p{font-size:1rem}}@media (min-width:1280px){.cardWork{height:400px}}@media (min-width:1536px){.cardWork{height:450px}}@keyframes changeGradient{0%{background:linear-gradient(0deg,hsla(0,0%,6%,.597),hsla(0,0%,6%,.338) 36%,hsla(0,0%,100%,0) 73%)}to{background:linear-gradient(0deg,hsla(0,0%,6%,.656),hsla(0,0%,6%,.656) 36%,hsla(0,0%,100%,0) 73%)}}