/* Container for the leaf scene */
.falling-leaves {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0);
  background-size: cover;
  overflow: hidden;
}

/* Leaf scene styles */
.leaf-scene {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transform-style: preserve-3d;
  perspective: 400px;
}

.leaf-scene div {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  filter: hue-rotate(180deg) brightness(2.5) saturate(2);


  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/125707/leaf.svg)
    no-repeat;
  background-size: 100%;
  transform-style: preserve-3d;
  backface-visibility: visible;
}