.hover{padding-bottom:60%;position:relative;overflow:hidden}.hover-overlay{z-index:90;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:0}.hover img{width:100%;transition:all .3s;position:absolute;top:0;left:0}.hover-content{z-index:99;position:relative}.hover-2 .hover-overlay{background:linear-gradient(#0000001a,#0006)}.hover-2-title{text-align:center;z-index:99;width:100%;transition:all .3s;position:absolute;top:50%;left:0}.hover-2-description{opacity:0;text-align:center;z-index:99;width:100%;transition:all .3s;position:absolute;bottom:0;left:0}.hover-2:hover .hover-2-title{transform:translateY(-1.5rem)}.hover-2:hover .hover-2-description{opacity:1;bottom:.5rem}.hover-2:hover .hover-overlay{background:linear-gradient(#0000001a,#000000e6)}.card{border:none;grid-template-columns:1fr 1fr 1fr;justify-content:space-evenly;align-items:center;gap:0 20px;display:grid;position:relative}.card .card-item{background-color:#fff;border-radius:10px;width:300px;height:400px;margin:10px;position:relative;box-shadow:0 0 5px #0003}.card-item img{filter:brightness(45%);border-radius:10px;width:100%;height:100%;transition:all .4s ease-in}.card-item img:hover{filter:brightness(70%)}.card-content{color:#fff;transition:all .5s ease-in-out;position:absolute;bottom:10px;left:10px}.card-content h1{color:#cc710f;letter-spacing:.05em;border-radius:5px;padding:5px;font-weight:350}.card-content p{color:#cecece;transition:all .5s ease-in-out}.card-content .info{transition:all .5s ease-in-out;display:none}