Trouble using <figure> tag

I dont know why, but if I use the figure tag, then there will be a gap between the img and the margin, if I dont, there wont be any problem.I have linked the html code, and a picture of the problematic are on the site. Could someone explain this to me please? Thank you in advance.

<link href="./resources/css/index.css" rel="stylesheet" type="text/css">

<meta charset="UTF-8">

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


    <h1>Dasmoto's Arts & Crafts</h1>





            <h3 class="brushes">Brushes</h3>

            <img class="picture" src="resources/image2.jpeg" alt="Brushes"/>

            <h4>Hacksaw Brushes</h4>

            <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>.</p>



            <h3 class="frames">Frames</h3>


                <img class="picture" src="resources/image3.jpeg" alt="frames"/>


            <h4>Art Frames (assorted)</h4>

            <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>.</p>



            <h3 class="paint">Paint</h3>


                <img class="picture" src="resources/finnish.jpeg" alt="paint"/>


            <h4>Clean Finnish Paint</h4>

            <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>.</p>




Hey @andorgunczer18209665 :slightly_smiling_face:

This is probably due to the fact that may HTML elements, including <figure> and <h1> - <h6>, have built in CSS margin properties.

You can easily fix this with CSS using: margin: 0; or margin: 0px;