.work-box{--main-background:linear-gradient(180deg,rgba(5,34,55,0),rgba(5,34,55,0) 51%,rgba(2,18,29,.8));--show-background:linear-gradient(180deg,rgba(5,34,55,.4),rgba(5,34,55,.49) 52%,#02121d);border-radius:var(--main-border-radius);cursor:pointer;height:300px;overflow:hidden;padding:10px;position:relative;width:100%}.work-box:hover .show{opacity:1}.work-box:before{background:var(--main-background);content:"";inset:0;z-index:2}.work-box .background,.work-box:before{height:100%;position:absolute;width:100%}.work-box .background{left:0;top:0;z-index:1}.work-box .background img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-box .title{color:var(--white-color);position:relative;z-index:3}.work-box .title h2{font-size:var(--small-head-font-size)}.work-box .show{background:var(--show-background);height:100%;inset:0;opacity:0;position:absolute;transition:var(--main-transition);width:100%;z-index:3}.work-box .show .eye{background:rgb(var(--rgb-white-color),20%);border-radius:var(--main-border-radius);height:50px;width:50px}