/* 💥 Colour-pop on hover */

/* Base layering: colour underneath, B/W on top */
.planet-pop,
.planet-bw {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fade B/W back in on mouse leave */
.planet-bw {
  transition: opacity 1.5s ease;
}

/* Pop to colour on hover */
.planet:hover .planet-bw {
  opacity: 0;
  transition: opacity 0.05s;
}