/* Mariposa: vive DENTRO de la capa del tallo (mismas coordenadas de canvas,
   la capa llena el contenedor), así se balancea junto con el tallo cuando
   hay viento o click. Se posiciona con left/top en % y se voltea con
   scaleX. */
.butterfly {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1800;
  will-change: left, top, transform;
}