Opaque div is only opaque for half of it

I used a section with a div inside the same size with an opaque color to provide an overlay. I added the content that I wanted, and everything was great, but for some reason halfway through the opaque becomes solid and I cannot for the life of me figure out why

It is on the placeholder page, which does not ahve a link yet https://preview.webflow.com/preview/empire-financial-consultants?utm_medium=preview_link&utm_source=designer&utm_content=empire-financial-consultants&preview=97d8c9c221409ec3c3182a97457bc5f2&pageId=5d1543092771fd2715aca689&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

I solved it. I had my section height set to 50vh and the div set to 50vh. Once I added the content that needed to be changed to auto, but I forgot to do that with the section. Seems like 3/4 of ym posts have been about something dumb I did to myself. Sorry for wasting everyones time

2 Likes

@Richard_H Happy you found the solution! Closing the topic :webflow_heart: