.wrap {
  transform: rotate(45deg);
}

.eye {
  margin: 4em auto;
  width: 260px;
  height: 260px;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  background: rgb(46, 0, 129);
  border-radius: 100% 0 100% 0;
  animation: spin 10s linear forwards infinite;
}
.eye:before {
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 0 100% 0 100%;
  position: absolute;
  background: rgb(83, 152, 255);
}
.eye > .eye {
  margin: 0;
  width: 100%;
  height: 100%;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}