Display comparison side by side

It would be helpful to see old and new flow version side by side like here:

**Approach 1: Table**
Unfortunately, it's squeezed as seen bellow

Old New

```mermaid
flowchart TD
OLD_1
OLD_2
OLD_3
OLD_4
OLD_1 --> OLD_2 --> OLD_3 --> OLD_4
```

```mermaid
flowchart TD
NEW_1
NEW_2
NEW_3
NEW_4
NEW_1 --> NEW_2 --> NEW_3 --> NEW_4
```

Code

```

OLd New

```mermaid
flowchart TD
OLD_1
OLD_2
OLD_3
OLD_4
OLD_1 --> OLD_2 --> OLD_3 --> OLD_4
```

```mermaid
flowchart TD
NEW_1
NEW_2
NEW_3
NEW_4
NEW_1 --> NEW_2 --> NEW_3 --> NEW_4
```

```

**Approach 2: Create 2 side-by-side diagrams within single diagram**
ex: https://mermaid.js.org/syntax/stateDiagram.html#concurrency

or Flowchart's subgraphs:
```mermaid
flowchart TD
subgraph OLD
OLD_1
OLD_2
OLD_3
OLD_4
OLD_1 --> OLD_2 --> OLD_3 --> OLD_4
end

subgraph NEW
NEW_1
NEW_2
NEW_3
NEW_4
NEW_1 --> NEW_2 --> NEW_3 --> NEW_4
end
```

```
flowchart TD
subgraph OLD
OLD_1
OLD_2
OLD_3
OLD_4
OLD_1 --> OLD_2 --> OLD_3 --> OLD_4
end

subgraph NEW
NEW_1
NEW_2
NEW_3
NEW_4
NEW_1 --> NEW_2 --> NEW_3 --> NEW_4
end
```