.cards-overlay-wrapper{display:flex;flex-wrap:wrap;gap:2rem;margin:auto;max-width:1200px;opacity:0;padding:2rem 1rem;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.cards-overlay-wrapper.visible{opacity:1;transform:translateY(0)}.card{background-position:50%;background-size:cover;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);flex:1 1 calc(50% - 1rem);height:350px;overflow:hidden;position:relative;transition:transform .3s ease}.card-content{align-items:flex-start;display:flex;height:100%;justify-content:flex-start;padding:1rem;position:relative}.gradient-bg{background:linear-gradient(90deg,#000,#000)}.category{color:#fff;font-size:1rem;font-weight:700}.overlay{align-items:center;background:rgba(0,0,0,.4);border-radius:20px;color:#000;display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;position:absolute;text-align:center}.overlay h3{color:#fff;font-size:30px;font-weight:700;margin-bottom:.5rem}.overlay p{color:#fff;font-size:1rem;opacity:.9}@media (max-width:1024px){.card{flex:1 1 calc(50% - 1rem);height:320px}.overlay h3{font-size:1.6rem}.overlay p{font-size:.95rem}}@media (max-width:768px){.cards-overlay-wrapper{flex-direction:column}.card{flex:1 1 100%;height:300px}.overlay{padding:1.5rem}.overlay h3{font-size:1.4rem}.overlay p{font-size:.9rem}}@media (max-width:480px){.card{height:250px}.overlay h3{font-size:1.2rem}.overlay p{font-size:.85rem}}