<a href="https://get-web.site" class="candle" target="_blank"></a>
body {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: rgb(116, 96, 84);
  background: -webkit-linear-gradient(to right, #3b4371, #f3904f);
  background: linear-gradient(to bottom, #3b4371, #f3904f);
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

.candle {
  background: url(https://assets.codepen.io/2015738/candle.png) no-repeat
    0px 0px;
  display: block;
  width: 200px;
  height: 280px;
  animation: candle 6s steps(160) infinite;
  z-index: 6;
}

@keyframes candle {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: -32000px 0;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.