Code Review: Dasmoto's Arts & Crafts

Hello! I just finished the arts and crafts project & was hoping to get some feedback on my code. Let me know if there’s a better way for a certain line of code or if there’s anything I could improve on it. Thank you.

Here’s my HTML portion:

Dasmoto's Arts and Crafts
</head>
<body>

    <!-- Banner -->
    <h1>Dasmoto's Arts & Crafts</h1>

    <!-- Brushes section -->
    <section class="item">
    <h2 id="brush">Brushes</h2>
    <img src="https://content.codecademy.com/courses/freelance-1/unit-2/hacksaw.jpeg?_gl=1*fr5006*_ga*NTYxMzcxMzc2MS4xNzE0NjExNDU0*_ga_3LRZM6TM9L*MTcxNDc4MzMyNy45LjEuMTcxNDc4NzU1NS4zNi4wLjA." />
    
    <h3>Hacksaw Brushes</h3>
      <p>Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes. <span class="price">Starting at $3.00/brush.</span></p>
    </section>

    <!-- Frames section -->
     <section class="item">
      <h2 id="frame">Frames</h2>
      <img src="https://content.codecademy.com/courses/freelance-1/unit-2/frames.jpeg?_gl=1*157p4bs*_ga*NTYxMzcxMzc2MS4xNzE0NjExNDU0*_ga_3LRZM6TM9L*MTcxNDc4MzMyNy45LjEuMTcxNDc4NzU1NS4zNi4wLjA." />

    <h3>Art Frames (assorted)</h3>
      <p>Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs. <span class="price">Starting at $2.00/frame</span></p>
     </section>

    <!-- Paint section -->
    <section class="item">
      <h2 id="paint">Paint</h2>
      <img src="https://content.codecademy.com/courses/freelance-1/unit-2/finnish.jpeg?_gl=1*157p4bs*_ga*NTYxMzcxMzc2MS4xNzE0NjExNDU0*_ga_3LRZM6TM9L*MTcxNDc4MzMyNy45LjEuMTcxNDc4NzU1NS4zNi4wLjA."/>
    <h3>Clean Finnish Paint</h3>
      <p>Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1oz. to 8 oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork. <span class="price"> Starting at $5.00/tube.</span></p>
    </section>
</body>

and here’s my CSS portion:

html {
display: block;
}

h1, h2, h3, p {
font-family: “Helvetica”, sans-serif;
}

h1 {
font-size: 100px;
font-weight: bold;
color: khaki;
text-align: center;
background-image: url(https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg?_gl=1*fr5006*_ga*NTYxMzcxMzc2MS4xNzE0NjExNDU0*_ga_3LRZM6TM9L*MTcxNDc4MzMyNy45LjEuMTcxNDc4NzU1NS4zNi4wLjA.);
}

.item h2 {

font-size: 32px;
font-weight: bold;
color: white;

}

h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
unicode-bidi: isolate;
}

section {
display: block;
unicode-bidi: isolate;
}

#brush {
background-color: mediumspringgreen;
}

#frame {
background-color: lightcoral;
}

#paint {
background-color: skyblue;
}

.price {
font-weight: bold;
color: blue;
}

img {
overflow: clip;
}