I’m trying to create a three column grid, with images behind a box with text and a opaque background so the image can be seen through the back ground.
The goal is to create a hover animation with the text div block eventually but I cannot get the div blocks to work properly.
I have a 1x3 grid, and within each column I have a div block, an image inside it, and I’m trying to create a second div block with my text to go over the image. but whenever I try to create this second div block it goes across all three columns, not just the one I put it in.
What am I doing wrong? Why isn’t the div block contained by its parent?
Here’s my read only link: Webflow - Ora Kura
Link to the idea of what we’re wanting (grid below the fold): https://www.wearepulse.com.au/