.content-card{flex-wrap:wrap;gap:20px;justify-content:center}.card,.content-card{align-items:center;display:flex;width:100%}.card{background-color:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;position:relative;word-wrap:break-word;padding:24px!important;transition:.5s}.card:hover{border-color:#c33}.image-card img{border-radius:20px;height:150px;object-fit:cover;width:150px}.info-card{flex:1;margin:24px!important;max-width:100%}.info-card p{color:#333;font-size:16px;margin:5px 0}.desc{padding-top:10px}.overlay-button{border:none;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px;transition:background-color .3s ease;z-index:2}.overlay,.overlay-button{align-items:center;display:none;justify-content:center}.overlay{animation:zoomIn .5s ease-out;background:hsla(0,0%,93%,.9);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.overlay-content{background-color:#fff;border:2px solid #c33;border-radius:10px;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:70%}.overlay-content img{border-radius:10px;height:auto;margin-bottom:15px;max-width:100%}.overlay-content h2,.overlay-content h3,.overlay-content p{margin:10px 0}.close-btn{color:#c33;cursor:pointer;font-size:25px;position:absolute;right:15px;top:10px}@media (max-width:650px){.overlay-button{display:flex}.desc{display:none!important}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}