How do I make curved text links on a curved diagram?

Hi, I’m working on making curved text links (or the curved text in my image linkable)

  • I have a circular diagram with words on it
  • Due to the circular nature of the diagram, the ‘box’ for each text label will overlap
  • For example, in my example page (linked below) I want seperate links for “Risk” “Strategic Oversight” and “Respondents”. Ideally these words would also have mouse-over behaviour as well, but that can be solved if the linking can be solved.

Workarounds I’ve considered for linking are:

  • Having a small question mark icon beside each word that becomes the clickable link (not ideal)
  • Whether custom image mapping might work

If anyone can help I’d really appreciate it,

Here is my site Read-Only: Webflow - Test Circle Diagram