file:///C:/Users/jfort/Desktop/Codecademy/D's-Arts&Crafts/index.html

I cant get my background image to work for my heading. Please Help

here is my code:

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<link rel="stylesheet" href="./Visual/index.css">

<title>Dasmoto's Arts and Crafts</title>
<header background-img src="D's-Arts&Crafts/Visual/styles/pattern-image-1.jpeg">Dasmoto's Arts and Crafts</header>

<h2>Brushes</h2>

    <img src="./Visual/images/hacksaw-image-2.jpeg" alt="paintbrushes">

<h2>Frames</h2>

    <img src="./Visual/images/frames-image-3.jpeg" alt="frames">

<h2>Paint</h12>

    <img src="./Visual/images/finnish-image-4.jpeg" alt="paint">