.parallax-container {
    position: fixed;
    overflow: visible;
    width: 100%;
    height: 150vh;
}

.parallax-layer {
    width: 100%;
    height: 150vh;
    position: fixed;
    left: 0;
    top: 0;
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: 100vw 150vh;
}

.layer-0 {
    background: #9ec2ed;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllYzJlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzU1YzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #9ec2ed 0%, #0755c1 100%);
    background: -webkit-linear-gradient(top, #9ec2ed 0%, #0755c1 100%);
    background: linear-gradient(to bottom, #9ec2ed 0%, #0755c1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9ec2ed', endColorstr='#0755c1', GradientType=0);
    background-position-y: 0vh;
}

.layer-1 {
    background-image: url('../images/parallax/layer1.png');
    background-position-y: 3vh;
}

.layer-2 {
    background-image: url('../images/parallax/layer2.png');
    background-position-y: 20vh;
}

.layer-3 {
    background-image: url('../images/parallax/layer3.png');
    background-position-y: 30vh;
}

.layer-4 {
    background-image: url('../images/parallax/layer4.png');
    background-position-y: 50vh;
}

.layer-5 {
    background-image: url('../images/parallax/layer5.png');
    background-position-y: 65vh;
}