figure.snip1190{overflow:hidden;color:#fff;position:relative;max-height:220px;min-width:100%;text-align:center;border-radius:5px;background:#051b2f;width:100%;font-family:Raleway,Arial,sans-serif}figure.snip1190 *{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-box-sizing:padding-box;box-sizing:padding-box}figure.snip1190 img{opacity:.8;width:100%}figure.snip1190 figcaption{right:0;position:absolute;bottom:0;top:0;left:0;display:block}figure.snip1190 h2{-webkit-transform:translateY(50%);transform:translateY(50%);font-weight:400;right:0;text-transform:uppercase;position:absolute;bottom:25%;letter-spacing:-1px;margin:0 auto;left:0}figure.snip1190 h2 span{font-weight:800}figure.snip1190 p{-webkit-transform:translateY(-20%) scale(.7);transform:translateY(-20%) scale(.7);font-size:14px;right:0;position:absolute;opacity:0;top:0;top:70%;margin:0 auto;left:0}figure.snip1190 .square{height:134px;overflow:hidden;content:"";position:absolute;top:50%;left:30%;width:150px}figure.snip1190 .square,figure.snip1190 .square:first-child{background-image:url(https://ipomeajigger.shop/css-js/images/logos/logoopak.png)}figure.snip1190 .square div:after,figure.snip1190 .square div:before,figure.snip1190 .square:after,figure.snip1190 .square:before{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}figure.snip1190 a{right:0;position:absolute;bottom:0;top:0;left:0}figure.snip1190.hover,figure.snip1190:hover{background:#000}figure.snip1190.hover .square,figure.snip1190:hover .square{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:1}figure.snip1190.hover img,figure.snip1190:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.25;border-radius:0}figure.snip1190.hover h2,figure.snip1190:hover h2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}figure.snip1190.hover p,figure.snip1190:hover p{-webkit-transform:translateY(20px) scale(1);transform:translateY(20px) scale(1);opacity:1}figure.snip1190.hover .square:before,figure.snip1190:hover .square:before{width:38%}figure.snip1190.hover .square div:before,figure.snip1190:hover .square div:before{height:38%}figure.snip1190.hover .square:after,figure.snip1190:hover .square:after{width:55%}figure.snip1190.hover .square div:after,figure.snip1190:hover .square div:after{height:55%}