.image-area{display:flex;justify-content:center;align-items:center;min-height:30vh;background:#f1f2f6}.image-area .img-wrapper{width:250px;height:250px;position:relative;overflow:hidden}.image-area .img-wrapper:before{content:'';position:absolute;top:0;left:180%;height:100%;width:100%;background:rgba(255,255,255,0.3);z-index:1;transform:skew(45deg);transition:0.5s}.image-area .img-wrapper:hover:before{left:-180%}.image-area .img-wrapper img{height:100%;width:100%;filter:grayscale(10%);transition:2s}.image-area .img-wrapper:hover img{filter:grayscale(0%);transform:scale(1.1)}.image-area .img-wrapper h2{background:tomato;font-family:Poppins,sans-serif;font-size:20px;color:#fff;text-align:center;text-transform:uppercase;margin:0px;padding:10px 0;position:absolute;bottom:20px;width:100%;transform:perspective(400px) rotateY(90deg);transform-origin:right;transition:1s}.image-area .img-wrapper:hover h2{transform:perspective(400px) rotateY(0deg)}.image-area .img-wrapper h3{background:tomato;font-family:Poppins,sans-serif;font-size:16px;color:#fff;text-align:center;text-transform:uppercase;margin-top:0;padding:5px 0;position:absolute;bottom:0;width:100%;transform:perspective(400px) rotateY(90deg);transform-origin:right;transition:1s}.image-area .img-wrapper:hover h3{transform:perspective(400px) rotateY(0deg)}.image-area .img-wrapper ul{position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}.image-area .img-wrapper ul li{background:#333;height:40px;width:40px;text-align:center;line-height:40px;transform:perspective(800px) rotateY(90deg);transition:0.5s;transform-origin:left}.image-area .img-wrapper:hover ul li{transform:perspective(800px) rotateY(0deg)}.image-area .img-wrapper:hover ul li:nth-child(1){transition-delay:0.2s}.image-area .img-wrapper:hover ul li:nth-child(2){transition-delay:0.6s}.image-area .img-wrapper:hover ul li:nth-child(3){transition-delay:0.8s}.image-area .img-wrapper:hover ul li:nth-child(4){transition-delay:1s}.image-area .img-wrapper ul li a{color:tomato}.image-area .img-wrapper ul li i{color:tomato}.image-area .img-wrapper ul li i:hover{color:#fff}