.cardcontainer{flex-warp:warp;justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.cardcontainer .card{background-color:#ffed00de;border-radius:15px;flex-direction:column;max-width:320px;height:215px;margin:30px 10px;padding:20px 30px;transition:all .3s ease-in-out;display:flex;position:relative;box-shadow:0 5px 20px #00000080}.cardcontainer .card:hover{height:390px}.cardcontainer .card .image{z-index:1;width:260px;height:260px;position:relative;top:-40%;left:0;box-shadow:0 5px 20px #0003}.cardcontainer .card .image img{border-radius:15px;max-width:100%}.cardcontainer .card .content{color:#111;text-align:center;visibility:hidden;opacity:0;padding:10px 15px;transition:all .3s ease-in-out;position:relative;top:-140px}.cardcontainer .card:hover .content{visibility:visible;opacity:1;margin-top:30px;transition-delay:.2s}