<div class="pzdc"></div>
body {
  background-color: #000;
  padding: 0;
  margin: 0;
}
.pzdc{
  margin:0 auto;
  margin-top: -800px;
  margin-left:-400px;
  width:3200px;
  height:3200px;
  background-image: url(data:image/jpeg;base64,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);
animation: rotate 2s linear infinite;
  border-radius: 100%;
  border: 2px solid white;
  padding: 20px;
  background-size: 50px;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
    filter: brightness(0.8);
  }
  50% {
    transform: rotate(360deg);
    filter: brightness(1.4);
  }
  100% {
    transform: rotate(360deg);
    filter: brightness(0.8);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.