* {
  margin: 0;
  padding: 0;
}

body {
  background: rgb(130, 68, 212);
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lily {
  z-index: -1;
  background-image: radial-gradient(circle, #591888, rgba(130, 68, 212, 0));
  border-radius: 1000px;
  padding: 31px;
  position: absolute;
  animation-name: wiggle;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

@keyframes wiggle {
  0% {
    rotate: -25deg;
  }
  100% {
    rotate: 25deg;
  }
}