export const dotPositions = {
  center: { top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
  topLeft: { top: "20%", left: "20%" },
  bottomRight: { bottom: "20%", right: "20%" },
  topRight: { top: "20%", right: "20%" },
  bottomLeft: { bottom: "20%", left: "20%" },
  middleLeft: { top: "50%", left: "20%", transform: "translateY(-50%)" },
  middleRight: { top: "50%", right: "20%", transform: "translateY(-50%)" },
}