/*
  * width should be width of single frame
  * height should be height of single frame
  * overflow must be hidden
*/
#wind {
  width: 104px;
  height: 66px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/*
  * must have classname of "image"
  * must be the direct descendant of the sprite
  * must be the only descendant of the sprite
  * contents must be empty
  * position must be relative
  * top should be divisible by .sprite's width
  * left should be 0
  * width should be width of whole sprite sheet
  * height should be height of whole sprite sheet
  * background should point to sprite sheet url
*/
#wind > .image {
  position: relative;
  top: 0;
  left: 0;
  width: 4368px;
  height: 66px;
  background: url(/images/wind.png);
}

#wind2 {
  width: 102px;
  height: 87px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

#wind2 > .image {
  position: relative;
  top: 0;
  left: 0;
  width: 3468px;
  height: 87px;
  background: url(/images/wind2.png);
}

#wind3 {
  width: 138px;
  height: 73px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

#wind3 > .image {
  position: relative;
  top: 0;
  left: 0;
  width: 4278px;
  height: 73px;
  background: url(/images/wind3.png);
}