Feedback for Dasmoto's Arts and Crafts

Just finished this project. Any feedback would be greatly appreciated.
Thanks in advance!

HTML file:

<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Dasmoto's Arts and Crafts</title>
  <link rel="stylesheet" href="style.css">
      <h1 class="nav-title bold">Dasmoto's Arts & Crafts</h1>

    <!-- Brushes -->
      <h2 class="brush-title bold">Brushes</h2>
      <img src="images/hacksaw.webp"></img>
      <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>Starting at $3.00 / brush.</span>
    <!-- Frames -->
      <h2 class="frame-title bold">Frames</h2>
      <img src="images/frames.webp"></img>
      <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>Starting at $2.00 / frame.</span>
    <!-- Paint -->
      <h2 class="paint-title bold">Paint</h2>
      <img src="images/finnish.jpeg"></img>
      <h3>Clean Finnish Paint</h3>
      <p>Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 8 oz.). Clean Finnish paint
        microbinds to canvas, increasing the finish and longevity of any artwork. <span>Starting at $5.00 / tube.</span>

CSS file:

body {
  font-family: Helvetica;

nav {
  background: url("images/pattern.webp");
  text-align: center;

.bold {
  font-weight: bold;

.nav-title {
  font-size: 100px;
  color: khaki;

section > h2 {
  font-size: 32px;
  color: white;

.brush-title {
  background-color: mediumspringgreen;

.frame-title {
  background-color: lightcoral;

.paint-title {
  background-color: skyblue;

span {
  font-weight: bold;
  color: blue;