canvas {
    pointer-events: none;
    position: absolute;
}

.guidelines-wrapper {
  position: relative;
  max-width: 1000px;
  margin: 50px auto 0;
}
#overlay,
#overlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 389px;
  background: url('images/crisis_preparedness.png') no-repeat scroll  0 0 transparent;
  display: none;
}
#overlay2 {
  background: url('images/GUIDELINES-hover2.png') no-repeat scroll  0 0 transparent;
}
#overlay.active,
#overlay2.active {
  display: block;
}
#overlay.guidelines-g1 {
  background-position: 0 0;
}
#overlay.guidelines-g2 {
  background-position: 0 -389px;
}
#overlay.guidelines-g3 {
  background-position: 0 -778px;
}
#overlay.guidelines-g4 {
  background-position: 0 -1167px;
}
#overlay.guidelines-g5 {
  background-position: 0 -1556px;
}
#overlay.guidelines-g6 {
  background-position: 0 -1945px;
}
#overlay.guidelines-g7 {
  background-position: 0 -2334px;
}
#overlay.guidelines-g8 {
  background-position: 0 -2723px;
}
#overlay2.guidelines-g9 {
  background-position: 0 0;
}
#overlay2.guidelines-g10 {
  background-position: 0 -389px;
}
#overlay2.guidelines-g11 {
  background-position: 0 -778px;
}
#overlay2.guidelines-g12 {
  background-position: 0 -1167px;
}
#overlay2.guidelines-g13 {
  background-position: 0 -1556px;
}
#overlay2.guidelines-g14 {
  background-position: 0 -1945px;
}
#overlay2.guidelines-g15 {
  background-position: 0 -2334px;
}