'CSS/HTML Bug on full width image / small space under the image is shown

on my website i use a image as seperator between sections. You can see this seperator on this image:

On the image you also see the bug. There ist a small line under the image.

Here ist the implementation:

HTML:

<img className="lineBreakTopWhite" style={{width: "100%" ,display: "block"}} src={TopShape} />

CSS:

.lineBreakTopWhite {background-image: url('./img/Verlauf.png');}

How can i fix this issue?

Thanks

html css

Solution 1:^[1]

Try adding...

border-bottom: 2px solid white;

...to the image separator.

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	Nicolas Goosen