added images for tutorials

Author: ajay-dhangar

tutorials/html/03-text-content/headings.mdx

@@ -276,11 +276,11 @@ A heading can contain plain text and **inline elements** such as `<em>`, `<stron
 </>
 </BrowserWindow>
 
-What you should **not** put inside a heading is block-level content, such as a `<div>` or a `<p>`. You learned why in the [Nesting](/html/html-syntax/nesting) lesson: a heading is a text container, not a layout wrapper.
+What you should **not** put inside a heading is block-level content, such as a `<div>` or a `<p>`. You learned why in the [Nesting](/tutorials/html/html-syntax/nesting) lesson: a heading is a text container, not a layout wrapper.
 
 ### Headings can be link targets
 
-Combine a heading with the `id` attribute from the [Global Attributes](/html/html-syntax/global-attributes) lesson, and you can link straight to that section from anywhere:
+Combine a heading with the `id` attribute from the [Global Attributes](/tutorials/html/html-syntax/global-attributes) lesson, and you can link straight to that section from anywhere:
 
 ```html
 <h2 id="pricing">Pricing</h2>

tutorials/html/03-text-content/index.mdx

@@ -103,7 +103,7 @@ Notice how each element tells the browser something different: a **heading**, an
 
 ## The Big Picture: Two Families of Text Elements
 
-Most text elements fall into one of two families. You met this idea in the [Elements](/html/html-syntax/elements) lesson, and it matters even more here.
+Most text elements fall into one of two families. You met this idea in the [Elements](/tutorials/html/html-syntax/elements) lesson, and it matters even more here.
 
 ```mermaid
 flowchart TD