Почему при background-attachment:fixed фон не следует за вию портом?

Question

[sanzhinvo]

начал верстать по принципу mobile first, у самого верхнего блока есть следующие css стили:
width: 100vw;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(./img/bg2.png),url(./img/bg1.png);
background-repeat: no-repeat, no-repeat;
background-position: left top, right bottom;
// background-size: 83%, 40%;
background-color: rgba($color: #ffffff, $alpha: 0.7);
background-attachment: fixed, fixed;
дальше идет еще около 5-6 таких же блоков, но без фона, после адаптации только заметил что, задний фон при десктопной версии, следует за вию портом, а когда перехожу в режим моб версии, то задний фон остается только на первом блоке. как можно решить эту проблему

Comments

[Владислав Лысков]

начал верстать по принципу mobile first

начни ещё с выклыдывания кода юзер-френдли

[Сергей delphinpro]

https://codepen.io