.reflection-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15%;opacity:0;position:relative;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.reflection-wrapper.animate{opacity:1;transform:translateY(0)}.image-container{border-radius:30px;overflow:hidden;position:relative}.main-image{border-radius:30px;border-style:none;border-bottom:.1px solid #fff;display:block;transition:transform .3s ease}.image-sheen{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);border-radius:30px;height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:100%}.reflection-wrapper.animate .image-sheen{animation:sheen 1.2s ease-out .5s forwards}@keyframes sheen{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.reflection-wrapper .reflection-image{border-radius:30px;border-style:none;border-bottom:.1px solid #fff;-webkit-clip-path:polygon(0 100%,100% 100%,100% 80%,0 80%);clip-path:polygon(0 100%,100% 100%,100% 80%,0 80%);-webkit-mask-image:linear-gradient(180deg,transparent 80%,rgba(0,0,0,.33));mask-image:linear-gradient(180deg,transparent 80%,rgba(0,0,0,.33));opacity:0;pointer-events:none;position:absolute;top:100%;transform:rotateX(180deg);transition:opacity .8s ease-out .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reflection-wrapper.animate .reflection-image{opacity:1}.reflection-wrapper:hover .main-image{transform:scale(1.02)}.reflection-wrapper:hover .image-container .image-sheen{animation:sheen-hover .8s ease-out forwards}@keyframes sheen-hover{0%{left:-100%;opacity:0}50%{opacity:.6}to{left:100%;opacity:0}}