.imageeffect{position:relative}.imageeffect .box{box-sizing:border-box;background:0 0;border-radius:10px;width:100%;max-width:350px;height:300px;margin:10px;position:relative;overflow:hidden;box-shadow:0 5px 10px #00000080}.imageeffect .box .imgBox{width:100%;height:100%;position:relative;overflow:hidden}.imageeffect .box .imgBox img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.imageeffect .box:hover .imgBox img{opacity:.8;transform:scale(1.1)}.imageeffect .box .content{text-align:center;opacity:0;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.imageeffect .box:hover .content{opacity:1}.imageeffect .box .content h2{color:#fff;margin:0 0 10px;font-size:1.5rem;font-weight:700;transition:transform .5s,opacity .5s}.imageeffect .box .content p{color:#fff;font-size:1rem;transition:transform .5s,opacity .5s}.imageeffect .box:hover .content h2,.imageeffect .box:hover .content p{opacity:1;transform:translateY(0)}.imageeffect .box{margin:auto}
/*# sourceMappingURL=569cf816b7f82612.css.map*/