figure{margin:0}.wrapper{flex-direction:column;gap:40px;padding:40px;display:flex}.card{max-width:24rem;width:100%;color:#fff;cursor:pointer;background-color:#000;position:relative}.card img{max-width:100%;vertical-align:top;object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .3s}.card:hover img{zoom:1;filter:alpha(opacity=20);opacity:.3}.card figcaption{max-width:20rem;width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translateY(-50%)translate(-50%)}.card h3{letter-spacing:.1rem;opacity:0;margin-bottom:.5rem;font-size:1.4rem;font-weight:700;transition:opacity .4s}.card:hover h3{opacity:1;transition-delay:.3s}.card p{opacity:0;font-size:1.1rem;transition:opacity .4s}.card:hover p{opacity:1;transition-delay:.35s}.corner:before,.corner:after{content:"";z-index:1;opacity:0;background-color:#fff;transition:all .4s;position:absolute}.left-top:before,.left-top:after{top:1rem;left:1rem}.right-top:before,.right-top:after{top:1rem;right:1rem}.right-bottom:before,.right-bottom:after{bottom:1rem;right:1rem}.left-bottom:before,.left-bottom:after{bottom:1rem;left:1rem}.corner:before{width:0;height:1px}.corner:after{width:1px;height:0}.card:hover .corner:before{width:40px;opacity:1;transition-delay:.2s}.card:hover .corner:after{height:40px;opacity:1;transition-delay:.2s}.zoom-wrapper{width:fit-content;height:200px;border-radius:16px;overflow:hidden}.zoom-wrapper img{height:100%;object-fit:cover;transition:transform .8s}.zoom-wrapper:hover img{transform:scale(1.5)}
/*# sourceMappingURL=image-overlay-hover-effect-page.a5065ade.css.map */