试图为主题添加旋转的圆形边框，但旋转所有内容

Question

I have a tumblr theme i am trying to add a rotating circle border around an image, this code usually works on any theme i add it into but for some reason on this theme its making the image 1 not fit in the circle and 2 rotate with the border. 

i tried removing the code and it just does nothing.

我包括以下代码。我尝试隔离这些元素，因为通常多数民众赞成在原始代码中执行的操作是两个不同的部分，例如一部分是图像，另一部分是旋转部分，但这在此部分不起作用。

boxy

{
        background:{color:descbg}; 
      opacity: 0.9;
      filter: alpha(opacity=90); /* For IE8 and earlier */

      position: absolute;
        left: 87px;
        top: 160px;
        border-radius: 50%;
        width: 130px;
        height: 130px;
        background:{color:descbg}; 
        position: absolute;
        left: 51px;
        top: -54px;
        width: 130px;
        height: 130px;
        border-radius: 100%;
        -webkit-filter: grayscale(0%);
      border: 10px solid c5c6cc;
        border: 6px dashed #83a2a4;
        animation-name: spinning-circle;
        animation-duration: 20s;
        animation-iteration-count: infinite;
        width: 130px;
        height: 130px;
        outline-color: #EA3556;
        background:{color:descbg}; 

    }

    @-webkit-keyframes spinning-circle {
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);

html是

<div class="sidebar">
<div class="image">
</div>
<img src="https://i.postimg.cc/LXVmRMg1/mishti-rahman-1515889110.png">
<img src="{image:sidebar}">
<div class="desc">{text:desc}</div>
</div>