I have one SVG that is rotate around a svg but is not fixed

[venus222-ux]

<!--BG Photo-->

   <div class="pic1"><img src="1.svg"></div>

   <!--SVG that will rotate-->

    <div class="pic2"><img src="img/vec/gz4.svg" alt=""></div>


.pic1 img{/*Bg Photo*/

   width: 100%;

   height: auto;

   top: 0;

   left: 0;

}
.pic2{

   position: absolute;

   transform: translate(45px,-75px);

}

.pic2 img{

    transform-origin:center;

    width: 50px;

    height: 50px;

    animation: rotation 2s infinite linear;

}

@keyframes rotation {

    from {

      transform: rotate(0deg);
    }

    to {

      transform: rotate(359deg);

    }

  }

The problem is what when i zoon out/in or resize the brower .pic2
is moving not stay fixed on his original point

[mdo]

This doesn't seem like a Bootstrap question or discussion. I'd suggest asking elsewhere for assistance on this.

[venus222-ux]

Sorry. Where i can put this question and get a answer?

[patrickhlauke]

on any other web design/development mailing list, forum, discussion board that is not specifically about bootstrap like this one...