Trouble with the Dasmoto's project

I’ve been working on the Dasmoto’s project from Codecademy and am having trouble resizing the “patterns” jpeg. I’ve looked online to see if I can find something but unfortunately, I’m not sure if I’m asking the right questions. Below are the HTML I have written and the CSS that I have written as have linked to the HTML. If I could get any help with how to resize the “patterns” image that would be great. Thanks.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dasmoto's Arts & Crafts</title>
    <link href="C:\Projects\Dasmoto's Arts & Crafts\resources\Style.css" rel="stylesheet">
</head>
    <body>
        <div class="image-container">
            <img src="C:\Projects\Dasmoto's Arts & Crafts\resources\Images\pattern.jpeg" alt="pattern">
                <div class="overlay-text">
                    <h1 class="pagetitle">Dasmoto's Arts & Crafts</h1>
            </div>
        </div>
                <h2 class="brushes">Brushes</h2>
                    <img src="C:\Projects\Dasmoto's Arts & Crafts\resources\Images\hacksaw.jpeg" alt="hacksaw">
                        <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. Starting at $3.00 / brush.</p>
                <h2 class="frames">Frames</h2>
                    <img src="C:\Projects\Dasmoto's Arts & Crafts\resources\Images\frames.jpeg" alt="frames">
                         <h3>Art Frames (assorted)</h3>
                            <p>Assorted frames made of different material. Including MDF, birchwood, and PDE. Select frames can be snded and painted according to your needs. Starting at $2.00  /frame.</p>
                <h2 class="paint">paint</h2>
                    <img src="C:\Projects\Dasmoto's Arts & Crafts\resources\Images\finnish.jpeg" alt="finnish">
                        <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. Starting at $5.00 / tube.</p>
        </body>
    </html>


.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    display: block;
    width: 100%;
    height: 10%;

}

/* text that sits over the pattern jpeg */
.overlay-text {
    position: absolute;
    text-align: center;
    top: 20%;
    left: 20%;
}

h1.pagetitle {
    text-align: center;
    font-family: Helvetica;
    font-size: 100px;
    font-weight: bold;
    color: khaki;
    position: relative ;
}

h2.brushes {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: mediumspringgreen;
}

h2.frames {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: lightcoral;
}

h2.paint{
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: skyblue;
}