*{margin:0;padding:0;box-sizing:border-box}.container{width:100vw;height:100vh;overflow:hidden;position:relative;background:#000}.gallery{width:200vw;height:200vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 2s cubic-bezier(.075,.82,.165,1);display:flex;flex-direction:column;justify-content:space-between;padding:10em}.row{width:100%;display:flex;justify-content:space-between}.row:nth-child(2){justify-content:space-around}.item{position:relative;width:400px;height:275px;overflow:hidden}.work-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(2);transition:.3s all}.work-video-wrapper>div{opacity:0;transition:.3s}.item:hover .work-video-wrapper>div{opacity:1}img{width:100%;height:100%;object-fit:cover}#videoName{position:absolute;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:30px;font-family:FK Display;color:#fff;opacity:0;transition:.15s;pointer-events:none;z-index:2}.item:hover #videoName{opacity:1}.preview-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.preview-img img{opacity:1;transition:.3s}.item:hover .preview-img img{opacity:0}