I'm trying to have a blurred background image on my hero section. This video seems to have exactly what I need, except following their directions exactly does not work.
The video instructs me to set the background image to have an absolute position, and set it to 100% of the container's width and height. However, when I set it to absolute, the image completely ignores the bounding box of the hero container and just fills up the whole screen, even expanding past the footer. How can I make the background image be bound to the dimensions of its container??
Here is my public share link: https://preview.webflow.com/preview/test-a7639b?preview=b9a181ab13a921d702f464df1b8b796a