Как исправить в Хром liner gradient?

Question

[vintalis]

Прикладываю сайт decide.in.ua, на главном банере в хроме из-за liner gradient слева полоска, и прикол в том что если FHD ее нету,а если чуть меньше разрешение сразу появляется.Из-за чего это, предпологаю, что я перевернул класс header-backgrond-right с помощью transform: matrix(-1,0,0,1,0,0);
Вопрос:Как избавится от этой полосы, может как то сгладить или по другому главный фон сделать?

Интересно то что этот баг появляется только в гугл хром

Comments

[Александр]

А где сам код?

[vintalis]

Александр, я целый сайт скинул, или это так не работает) там просто на фон посмотреть в хроме. через bac-image добавил градиент и картинку, развернул с помощью transform: matrix(-1,0,0,1,0,0); и теперь полоска

[Александр]

vintalis,

.header {
	background: linear-gradient(to right, #10212e 35vw, transparent), url(https://decide.in.ua/wp-content/uploads/2020/05/jacqueline-o-gara-kS4HtDY66Tg-unsplash.jpg);
}

(только шаги градиента нужные выставьте) а .header-backgrond убираете.