Problems with the background and image, how to fix the extra-bottom padding?

Question

css

Hello! Please help with my "project", - I immediately say that my block is floating, i.e. there are no sizes and the image is specially black so that the error can be seen = and so when adding an image to the block - it expands more than necessary, that is, an empty space appears under the image, what should I do?
I checked: margin or pading has nothing to do with it and the block is not that high!

Screenshot of what happens:
Background and image

problems Code: HTml:






Code: Css:
*{
box-sizing: border-box;
}
body{
margin: 0;
padding: 0;
background-color: #E9967A;
background color: white
}

.container{
width: 100%;
max-width: 1000px
margin: 0 auto;
}
.header__inner{
position: fixed;
background color: red

}

Answer 1

Thank you all - I understood everything myself :)
There, the display: block image needs to be done - use it)