1. Добавляем шейпы разных цветов на фон
2. Делаем их window container. Ширина 100%, высота 3000 px
3. У всех цветных шейпов ставим значение POINTER EVENTS "NONE"
4. Значение у блока overflow visible. Это даст нашим шейпам чя и на других блоках тоже
5. У верхних и нижних блоков добавляем еще штук 10 прозрачных шейпов. Двигаем их в слоях в самый них. Это действие не даст закрывать нужный контент нашими шейпами.
6. Анимируем наши шейпы с первым шагом на duration - 0, opacity - 0. Это сделает шейпы изначально невидимыми.