Struggling with implementing parallax scrolling through multiple images. Encountering two main issues: 1) Tiling occurs with repeated images or incomplete display, and 2) Inconsistent resizing on different screen sizes, particularly mobile phones.
Any solutions to address these problems?
section.module.parallax-1 {
background-image: url("http://cdn.udderlypettable.com/wp-content/uploads/2015/05/Maine-Coon-Face.jpg");
background-repeat: no-repeat;
background-size: cover;
}
Check out my code on Codepen