body {
  vertical-align: bottom;
  background-color: #f2f2b0;
}

svg.scene {
  left: 50%;
  bottom: 0;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
  width: 50%;
  max-height: 600px;
  position: absolute;
}
svg.scene #Zebra g {
  opacity: .25;
}

#end {
  visibility: hidden;
}

svg.cats {
  -webkit-filter: blur(1px);
  filter: blur(1px);
  position: fixed;
  bottom: 0;
  left: 0;
  height: auto;
  width: 100%;
}

.illuminate {
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 300px;
  position: fixed;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background: -webkit-radial-gradient(circle contain at 300px 300px, rgba(0, 0, 0, 0), rgba(29, 35, 40, 0.75), rgba(29, 35, 40, 0.96)) center center;
  background: radial-gradient(circle contain at 300px 300px, rgba(0, 0, 0, 0), rgba(29, 35, 40, 0.75), rgba(29, 35, 40, 0.96)) center center;
  background: -webkit-radial-gradient(300px 300px, circle contain, transparent, rgba(29, 35, 40, 0.75), rgba(29, 35, 40, 0.96)) center center;
  background: -ms-radial-gradient(300px 300px, circle contain, transparent, rgba(29, 35, 40, 0.75), rgba(29, 35, 40, 0.96)) center center;
}