CSS - Safari - Why Do Weird Indents Appear?

Question

css

I hope it will be clear, at the top of the very first news there is a strange white indentation at the very top, checking the elements shows that the height and width of the two divs overlapping each other are identical.
The first div is a picture, the second one is darkening to create the effect of selecting an object, that is, when hovering, using css - hover , I make it transparent. Such an artifact (incomprehensible indentation) appears only in the Safari database when zoomed in.
Also, for some reason, hover does not work in Safari , in other browsers everything looks and works just fine, without any artifacts. Can you suggest how to solve this problem?

Answer 1

When zooming in a browser, no matter which one, there are always artifacts, don't bother. If the customer asks for everything to be perfect when scaling, put the x3 price tag right away.

Answer 2

And let's reset the padding, for example. What will happen?