Почему фоновая картинка бэкграунда смещается а не обрезается?

Question

[Kee_real]

Имеется данная страничка, на ней две секции, у обеих секций фоны сделаны картинкой. Причем у фона первой секции снизу присутствует верхняя часть зеленого треугольника, а у второй нижняя часть этого треугольника - т.е. образуется фоновый треугольник. Обе картинки в ширину 1920рх(css параметры у каждой секции background: url('путь к изображению')no-repeat center top /cover).


Но стоит чуть уменьшить экран, как фон второй секции начинает съезжать, тем самым общий треугольник получается кривым, хотя по задумке при уменьшении экрана - фоны должны обрезаться а не смещаться, ведь у обеих секций в свойствах бэкграунда присутствует параметр cover. Помогите решить данную проблему!

Answer 1

[Алексей Напечкин]

background-size:100% 100%;
background-repeat:no-repeat;
background-position:....
Можно поэкспериментировать с этими параметрами