In my website, I have a slider the goes full width and full height at the very top of the page. It shows that way for all devices. after that there is a section where I want to show a special parallax thingy with clouds. It goes inside a div that has absolute position and here is where my issue comes. Because I need to know how to position this absolute div in some way that it starts to show after the slider.
The way I did it is to simply add a margin-top (which is obviously different for each device) so that it shows where I want it to be. However, I was wondering if there is a way to not have to use trial and error to find the right measures for each device. Is there a way to define some way for the parallax clouds to start showing after the slider? Or the only way to position them is manually like I did?? With trial and error until I found the right margins needed for each device?
Here is the website: hauzz.webflow.io
Here is the shared link: https://preview.webflow.com/preview/hauzz?preview=5fb6e08c2047e0d411cbad65cfdaaec1
I need to know if there is a better way of doing this because this is something I have needed for other websites as well and it would save me a lot of time and also I would know it would show in a better way.