body {
  background-color: #fcfcfc;
  background: linear-gradient(180deg, #9B7180, #C47D7F, #C6957D, #C2BA73, #7CBB9B, #58A0B6);
  background-attachment: fixed;
}

div {
  max-width: 80%;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

img {
  max-height: 250px;
  border-radius: 50%;
  border: 10px solid #262626;
  transition: transform .7s ease-in-out;
  filter: grayscale(80%);
}

img:hover {
  transform: rotate(360deg);
  filter: none;
}