.effect img{opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.effect .mask{opacity:0;overflow:visible;border-color:rgb(0 0 0 / .7) #fff0 #fff0 #fff0;border-style:solid;border-width:150px;width:0;height:0;-moz-transform:translateY(-125px);-webkit-transform:translateY(-125px);-o-transform:translateY(-125px);-ms-transform:translateY(-125px);transform:translateY(-125px);-moz-transition:-moz-transform 0.2s 0.1s ease-out,opacity 0.3s ease-in-out;-webkit-transition:-webkit-transform 0.2s 0.1s ease-out,opacity 0.3s ease-in-out;-o-transition:-o-transform 0.2s 0.1s ease-out,opacity 0.3s ease-in-out;-ms-transition:-ms-transform 0.2s 0.1s ease-out,opacity 0.3s ease-in-out;transition:transform 0.2s 0.1s ease-out,opacity 0.3s ease-in-out}.effect a.info{opacity:0;-moz-transform:translateY(-125px);-webkit-transform:translateY(-125px);-o-transform:translateY(-125px);-ms-transform:translateY(-125px);transform:translateY(-125px);-moz-transition:-moz-transform 0.3s ease-in,opacity 0.1s ease-in-out;-webkit-transition:-webkit-transform 0.3s ease-in,opacity 0.1s ease-in-out;-o-transition:-o-transform 0.3s ease-in,opacity 0.1s ease-in-out;-ms-transition:-ms-transform 0.3s ease-in,opacity 0.1s ease-in-out;transition:transform 0.3s ease-in,opacity 0.1s ease-in-out}.effect:hover img{opacity:.7;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}.effect:hover .mask{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.effect:hover a.info{opacity:1;-moz-transform:translateY(100px);-webkit-transform:translateY(100px);-o-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}.second-effect .mask{opacity:0;overflow:visible;border:0 solid rgb(0 0 0 / .7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out}.second-effect a.info{position:relative;top:-10px;opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform 0.2s 0.1s ease-in,opacity 0.1s ease-in-out;-moz-transition:-moz-transform 0.2s 0.1s ease-in,opacity 0.1s ease-in-out;-o-transition:-o-transform 0.2s 0.1s ease-in,opacity 0.1s ease-in-out;-ms-transition:-ms-transform 0.2s 0.1s ease-in,opacity 0.1s ease-in-out;transition:transform 0.2s 0.1s ease-in,opacity 0.1s ease-in-out}.second-effect:hover .mask{opacity:1;border:500px solid rgb(0 0 0 / .8)}.second-effect:hover a.info{opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition-delay:0.6s;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;-ms-transition-delay:0.6s;transition-delay:0.6s}.third-effect .mask{opacity:0;overflow:visible;border:500px solid rgb(0 0 0 / .7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.third-effect a.info{position:relative;top:-10px;opacity:0;-webkit-transition:opacity 0.5s 0s ease-in-out;-moz-transition:opacity 0.5s 0s ease-in-out;-o-transition:opacity 0.5s 0s ease-in-out;-ms-transition:opacity 0.5s 0s ease-in-out;transition:opacity 0.5s 0s ease-in-out}.third-effect:hover .mask{opacity:1;border:500px solid rgb(0 0 0 / .7)}.third-effect:hover a.info{opacity:1;-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s}.fourth-effect .mask{position:absolute;top:50px;left:100px;cursor:pointer;border-radius:50px;border-width:50px;display:inline-block;border:500px solid rgb(0 0 0 / .7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:1;-moz-transform:scale(4);-webkit-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);-moz-transition:all 1.2s ease-in-out;-webkit-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;-ms-transition:all 1.2s ease-in-out;transition:top bottom 1.2s ease-in-out}.fourth-effect:hover .mask{opacity:0;border:0 solid rgb(0 0 0 / .7);visibility:hidden}.fifth-effect img{opacity:.2;-moz-transition:all 0.3s ease-in}.fifth-effect .mask{cursor:pointer;opacity:1;visibility:visible;border:310px solid rgb(0 0 0 / .7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all 0.4s cubic-bezier(.94,.85,.10,.62)}.fifth-effect:hover .mask{border:0 double rgb(0 0 0 / .7);opacity:0;visibility:hidden}.fifth-effect:hover img{opacity:1}.sixth-effect .mask{opacity:1;overflow:visible;border:500px solid rgb(0 0 0 / .7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.sixth-effect a.info{position:relative;top:-10px;opacity:0;-webkit-transition:opacity 0.5s 0s ease-in-out;-moz-transition:opacity 0.5s 0s ease-in-out;-o-transition:opacity 0.5s 0s ease-in-out;-ms-transition:opacity 0.5s 0s ease-in-out;transition:opacity 0.5s 0s ease-in-out}.sixth-effect:hover .mask{opacity:0;border:10px solid rgb(0 0 0 / .7)}.sixth-effect:hover a.info{opacity:0;-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s}.seventh-effect .mask{opacity:1;overflow:visible;border:500px solid rgb(0 0 0 / .7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out}.seventh-effect a.info{position:relative;top:-10px;opacity:1;-webkit-transition:opacity 0.5s 0s ease-in-out;-moz-transition:opacity 0.5s 0s ease-in-out;-o-transition:opacity 0.5s 0s ease-in-out;-ms-transition:opacity 0.5s 0s ease-in-out;transition:opacity 0.5s 0s ease-in-out}.seventh-effect:hover .mask{opacity:0;border:310px solid rgb(0 0 0 / .7)}.seventh-effect:hover a.info{opacity:0;-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s}.eighth-effect img{opacity:.5;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;transition:all 0.5s ease-in}.eighth-effect .mask{cursor:pointer;opacity:.5}.eighth-effect:hover .mask{opacity:1}.eighth-effect:hover img{opacity:1}.ninth-effect img{opacity:1;-moz-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;transition:all 0.5s ease-in}.ninth-effect .mask{cursor:pointer}.ninth-effect:hover .mask{opacity:.5}.ninth-effect:hover img{opacity:.5}