Hi, so I have made this website and I don't understand why it isn't displaying correctly in firefox and microsoft edge. Also, my banner image is set to fixed, but it does not display fixed in chrome, but it does in firefox. I could also use some help in getting the clover image to be displayed as the background image on the body. Right now it is displayed in a div that is set to fixed, full screen height, and z-index of -1. Setting it to fixed on the body does not work. If someone could help me solve this I would appreciate it. Thank you
Here are the bugs showing up in firefox. The images are not the right size or located correctly.
The bug here is that there is not enough padding above and below my paragraph.
And the same thing here above the form.
Here is a screenshot of the problem in edge. When I scroll the image doesn't stay fixed and it creates a white space, and then re-positions itself.