Rotating image

Want an image that rotates at the centre? Here you go (works best as a circle obviously but anything with rotational symmetry works)

#block-yui_3_17_2_1_1713216735303_34339 {
@rotating-logo: 31s;
@rotating-mobile-logo: 35s;

.sqs-image-content img {
animation: circle @rotating-logo infinite linear;
opacity:20%;}
@media screen and (max-width: 767px) {
.sqs-image-content img {
animation: circle @rotating-mobile-logo infinite linear; }
}

@-webkit-keyframes circle {
from {
-webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }
}
}