How can I adjust the width and height of nodes and control the starting and ending points of the links?

[shelfofclub]

Hi, in my case, I need to draw a big flowchart in https://mermaid.live

Here is my code:

---
title: "Story Competition"
layout: elk
---
graph TD;
    Alice("Alice: Once upon a time, in a quiet village by the sea, a young girl named Elara dreamed of becoming a sailor. Every morning, she would watch the ships sail into the horizon, longing to explore the world beyond. The villagers often laughed at her, saying that sailing was no place for a young girl, but Elara never let their words discourage her.

One day, an old fisherman named Tomas saw her staring at the ocean with longing in her eyes. He approached her and asked why she looked so troubled. When she told him her dream, he smiled and said, 'The sea belongs to those who respect it, not just to men.' With that, he offered to teach her the ways of the sea. 

Elara eagerly accepted and spent years learning about the winds, the tides, and navigation. She studied old maps and helped Tomas with fishing trips, proving herself to be a quick learner. Eventually, she earned the respect of the sailors and was given her own small ship. 

As she embarked on her first solo voyage, a storm hit, pushing her ship off course. When the skies cleared, she discovered a mysterious island that no one had ever charted. The island was lush, filled with exotic birds and ancient ruins. While exploring, she found a golden compass with strange markings. As she studied it, she realized it pointed not north, but to something deeper in the island.

Following the compass’s direction, she uncovered an ancient shipwreck, its hull filled with forgotten treasures and documents detailing lost maritime routes. Returning home as a true sailor, Elara was no longer the girl the villagers mocked—she was a legend."
):::mynode

    Bob["Bob: In a futuristic city where robots and humans lived together, a young engineer named Leo worked tirelessly on creating the perfect artificial intelligence. His latest invention, a robot named Orion, had the ability to learn emotions and understand human feelings. 

At first, Orion struggled to grasp human interactions. It analyzed facial expressions, read books on psychology, and even observed Leo as he navigated social situations. But true emotions were difficult to quantify. One evening, a catastrophic accident occurred when a bridge collapsed unexpectedly. Amidst the chaos, Orion noticed a frightened child trapped under debris. 

Without any command, Orion rushed forward, lifting the wreckage and saving the child’s life. This act shocked the city—was Orion merely following a program, or had it truly felt empathy? 

News of Orion’s actions spread quickly, sparking debates about the nature of artificial consciousness. Some feared that AI would surpass humanity, while others believed that true coexistence was possible. Leo, determined to prove that AI could be a force for good, continued to refine Orion’s understanding of the human experience.

As time passed, Orion became an ambassador for AI-human collaboration. It developed programs to aid mental health patients, taught machines to recognize distress signals, and even wrote poetry about its observations of human emotions. 

In the end, Orion was no longer just a creation—it was a pioneer in the evolution of artificial intelligence, forever changing how machines and humans coexisted."]

    Charlie["Charlie: Deep in the Amazon rainforest, a biologist named Maya was on a mission to document a rare species of orchids that bloomed only once a decade. Armed with her camera and journal, she trekked through the dense jungle, facing harsh storms and treacherous terrain. 

One day, after weeks of searching, she stumbled upon an ancient tree where the legendary orchid was rumored to grow. As she set up her equipment, she noticed something strange—small, glowing insects were pollinating the flowers. These creatures had never been recorded in any scientific journal.

Fascinated, Maya stayed for days, carefully documenting their behavior. She realized that their luminescence played a vital role in the rainforest’s delicate ecosystem. However, she also discovered a tragic truth: illegal logging was destroying their habitat. 

Determined to protect them, Maya contacted environmental organizations and used her research as evidence to advocate for conservation efforts. Her findings were published in major scientific journals, drawing global attention to the issue.

Thanks to her efforts, the area was declared a protected zone, ensuring that future generations could witness the beauty of the rainforest. Maya’s name became synonymous with environmental preservation, and she continued her work, knowing that every discovery could lead to a better future for the planet."]

    Alice2["Alice: I like my story."]

    Bob2["Bob: I like Alice's story."]

    Charlie2["Charlie: I like Bob's story."]

    Alice & Bob & Charlie --> Alice2 & Bob2 & Charlie2

    %% classDef mynode width:700px;
    %% class Alice mynode
    style Alice width:700px

It is rendered as:

What I need help is:

1. I need to increase the width of the nodes and decrease their height. I've tried specifying the width using style and classDef, but the text hasn't been adjusted.
2. Currently, the starting and ending points of the links are not aligned properly, and I hope they start from the bottom of nodes and end at the top.
3. The text in the image isn't very clear. If I deploy mermaid ink myself, can I make it clear by setting MAX_WIDTH and MAX_HEIGHT? Also, is there a way to directly adjust the dpi?

Thank you for your help!