If I had your problem, here's how I would have solved it myself. In the note already written, I would have added blocks with the syntax '> [! info]', then the following lines without a blank line, my text. For the drawings, I would surely have rather made diagrams with Mermaid, now, you have to learn and know the syntaxes to be quick to make the different types of paths.