.rotator {
  perspective: 0px;          /* gives a bit of 3‑D depth */
}
#spin {
  width: 100%;                 /* scale as you like */
  will-change: transform;       /* hint to GPU */
  touch-action: none;           /* stop browser “pull‑to‑refresh” etc. */
  user-select: none;            /* stop accidental text selection */
  cursor: grab;
}
#spin.dragging { cursor: grabbing; }
#spin {
  transform-origin: center center;
  touch-action: none;
  user-select: none;
  cursor: grab;
  transition: transform 0.2s ease;
}
#spin.dragging {
  cursor: grabbing;
  transition: none;
}

#spin2 {
  width: 100%;                 /* scale as you like */
  will-change: transform;       /* hint to GPU */
  touch-action: none;           /* stop browser “pull‑to‑refresh” etc. */
  user-select: none;            /* stop accidental text selection */
  cursor: grab;
}
#spin2.dragging { cursor: grabbing; }
#spin2 {
  transform-origin: center center;
  touch-action: none;
  user-select: none;
  cursor: grab;
  transition: transform 0.2s ease;
}
#spin2.dragging {
  cursor: grabbing;
  transition: none;
}

#spin3 {
  width: 100%;                 /* scale as you like */
  will-change: transform;       /* hint to GPU */
  touch-action: none;           /* stop browser “pull‑to‑refresh” etc. */
  user-select: none;            /* stop accidental text selection */
  cursor: grab;
}
#spin3.dragging { cursor: grabbing; }
#spin3 {
  transform-origin: center center;
  touch-action: none;
  user-select: none;
  cursor: grab;
  transition: transform 0.2s ease;
}
#spin3.dragging {
  cursor: grabbing;
  transition: none;
}