Why in the logo on the site lines appear stepped although in real they are straight?

Development | Web Development
There is a site at the top of which is a logo with a house.

Question: why the lines on it have become stepped and how to fix it, although in reality they are straight(can be seen through the code editor)? decrease-increase in the size of the logo does not change the situation
No attachments
I looked through the developer tools. If you remove -webkit-backface-visibility: hidden; everything equals your logo

.sticky-navigation .navbar-brand img {
    -webkit-backface-visibility: hidden;


.sticky-navigation .navbar-brand img {
    /* -webkit-backface-visibility: hidden;*/

987 line in style.css, you need to remove the property"-webkit-backface-visibility: hidden;"

on January 10th, 2020 (8:04 pm)
All coments
This job has not been commented yet.