How to create parallax effect on both sides of main text?

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.

codepen: https://codepen.io/ri9atony/pen/rNrVXJR

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^^

1 Like

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.