Flowchart Diagram - Copy this React, Tailwind Component to your project

Create a flowchart diagram using HTML and CSS. Each element in the diagram should represent a node with dependencies. The nodes are connected with arrows to represent the relationships between them. The diagram should include: A starting node at the top, followed by several other nodes below it. Arrows visually linking each node to its dependent nodes. Each node should be styled as a box with a label inside, using distinct colors or borders to differentiate between nodes. Use CSS to handle the layout and positioning of the nodes, ensuring the arrows are clearly visible and point in the correct direction. The arrows should be styled using either CSS or SVG, flowing from one node to another, reflecting the dependencies and direction of the flow. Ensure the diagram is responsive, with nodes and arrows adjusting based on the screen size. Make sure the diagram looks neat and organized, with clear visual connections between all elements