JSFiddle - React, Tailwind, and code Playground

HTML

<div style="text-align: center;position: relative;width:50%;">
   <img class="center" img src="https://i.ibb.co/BsDB7nW/1.png">
	 <img class="imaged1" src="https://i.ibb.co/7p3bYLN/d1.png">
</div>

CSS

.imaged1 {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 10%;
    margin: 0 auto;
    -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
    bottom: auto;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.center {
  display: block;
  width: 100%;
}