.project-group-projects-container{z-index:0;position:relative}.right-gradient:before,.left-gradient:before{content:"";z-index:1;pointer-events:none;position:absolute;top:0;bottom:0}.right-gradient:before{background-image:linear-gradient(90deg,#fff0,#d1d5db);left:90%;right:0}.left-gradient:before{background-image:linear-gradient(270deg,#fff0,#d1d5db);width:10%;left:9rem}.left-and-right-gradient{z-index:0;position:relative}.left-and-right-gradient:before,.left-and-right-gradient:after{content:"";z-index:1;pointer-events:none;position:absolute;top:0;bottom:0}.left-and-right-gradient:before{background-image:linear-gradient(90deg,#fff0,#d1d5db);left:90%;right:0}.left-and-right-gradient:after{background-image:linear-gradient(270deg,#fff0,#d1d5db);width:10%;left:9rem}.cover-project-cards{z-index:9;pointer-events:none;width:100%;height:7.7rem;position:absolute;top:0;left:0}.project-card{z-index:1;position:relative;overflow:hidden}.project-card:before{content:"";-o-transition:all .5s;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.project-card:hover:before{background-size:150%}.project-card:after{content:"";z-index:-2;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}