#partner-block{display:flex;align-items:center;justify-content:center;position:relative;width:160px;height:160px;background:#fff;border-radius:12px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:lighter;letter-spacing:2px;transition:box-shadow 1s}#partner-block:hover{box-shadow:0 5px 35px 0 rgba(0,0,0,.1)}#partner-block:hover:after,#partner-block:hover:before{display:block;content:"";position:absolute;width:160px;height:160px;background:#6da6e1;border-radius:12px;z-index:-1;animation:clockwise 1s infinite}#partner-block:hover:after{background:#e09f1f;animation:counterclockwise 2s infinite}@keyframes clockwise{0%{top:-5px;left:0}12%{top:-2px;left:2px}25%{top:0;left:5px}37%{top:2px;left:2px}50%{top:5px;left:0}62%{top:2px;left:-2px}75%{top:0;left:-5px}87%{top:-2px;left:-2px}to{top:-5px;left:0}}@keyframes counterclockwise{0%{top:-5px;right:0}12%{top:-2px;right:2px}25%{top:0;right:5px}37%{top:2px;right:2px}50%{top:5px;right:0}62%{top:2px;right:-2px}75%{top:0;right:-5px}87%{top:-2px;right:-2px}to{top:-5px;right:0}}.container{position:relative;width:100%}.image{opacity:1;display:block;width:100%;height:auto;backface-visibility:hidden}.image,.middle{transition:.5s ease}.middle{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.container:hover .image{opacity:.3}.container:hover .middle{opacity:1}.text{background-color:#04aa6d;color:#fff;font-size:16px;padding:16px 32px}