.wrapper{position:relative;z-index:10;overflow:visible;transition:transform .3s ease}.wrapper.hovered{transform:scale(1.05);z-index:100}.wrapper .box{position:relative;z-index:102;transition:transform .3s ease}.wrapper::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:500%;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:50}.wrapper::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;background:#f5f5f5;opacity:0;transition:opacity .3s ease;z-index:101}.wrapper.hovered::before{opacity:1;pointer-events:auto}.wrapper.hovered::after{opacity:1}