only in 1081-1280pixel resolution image is not covering all width?

Hallo,

I saw suddenly that on resolution 1081-1280 the image is not covering all the width:

this is css code :

.header-image {
	display:flex;
    position: relative; /* Add this to enable positioning */
      text-align: center;

    width:100%;

}

.header-image img {
    max-height: 550px;
       height: auto; 
    width: 100%;
	max-width:100%;
	margin-top:4rem;

}

and this is html code :

	<div class="header-image">
  <img src="https://webdesignmaster.eu/wp-content/uploads/2023/10/hero-image.webp" alt="home-page-image" width="100%" height="auto">
  <div id="myText"></div>
</div>

this code eworking perfectly in other 4 media queries .

I tried everything . I disabled most code to see if other codes causing problem but the problem is not solved.

I tried cover property it didn’t hlep . I tried in extra css it didn’t help I set extra width and height in html it didn’t help . can some one see what it can be wrong . I have set backup it didn’t help . otherwise I am going to make clean installation.

The page I need help with: [log in to see the link]