I’m not sure how to create a parallax effect on both sides of the main text. would some flexbox/grid work solve this? as of now the images are hardly visible on the top and bottom of the main body.
Give the .parallax1 selector the ‘height’ property, and add some value to it (e.g. 500px).
This is just an example.
that helped out with the visibility, thank you^^
the images are now in place, though I can’t figure out how to get rid of the extra space on the bottom of the main div just above the footer. there was no luck messing around with width & height to solve this.