*,*::before,*::after{margin:0;paddin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
html,body,.gallery{overflow:hidden;position:relative;background-color:#000;width:100%;height:100%}
.image{position:absolute;background-color:none;aspect-ratio:3/4;height:80%;top:50%;left:50%;cursor:pointer;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.image::before,.image::after{content:"";position:absolute;background-repeat:no-repeat;background-position:center;background-size:cover;left:0;top:0;width:100%;height:100%;border-radius:1.25vw;border:.583vw solid #0000;-webkit-transform-origin:bottom;-moz-transform-origin:bottom;-ms-transform-origin:bottom;-o-transform-origin:bottom;transform-origin:bottom;-webkit-transform:perspective(58.33vw)rotateX(var(--angle,0deg))scale(var(--scale,1));-moz-transform:perspective(58.33vw)rotateX(var(--angle,0deg))scale(var(--scale,1));-ms-transform:perspective(58.33vw)rotateX(var(--angle,0deg))scale(var(--scale,1));-o-transform:perspective(58.33vw)rotateX(var(--angle,0deg))scale(var(--scale,1));transform:perspective(58.33vw)rotateX(var(--angle,0deg))scale(var(--scale,1));-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease}
.image::before{background-image:url(backN1.png);border-color:#fff}
.image:hover::before{--angle:60deg;--scale:1.2;-webkit-filter:blur(.5vw);-moz-filter:blur(.5vw);-ms-filter:blur(.5vw);-o-filter:blur(.5vw);filter:blur(.5vw)}
.image::after{background-image:url(front.png)}
.image:hover::after{--scale:1.2}