Hi! I'm having trouble adding a custom image as a border/section divider. I'm following this tutorial but it's not working for me: https://www.youtube.com/watch?v=CL0mKjrVGDI
the website is befluent.ca, and this is my code. I just want to add a top border to my footer:
[data-section-id="5e82b6064550494f9872bfdb"] {
overflow: visible;
&:before {
content: '';
width: 100%;
height: 100px;
top: 0;
left: 0;
background-image: url(https://static1.squarespace.com/static/5ddda52234a3a5066152f7c4/t/5eff47f7f00dfd0e1791b116/1593788409105/Border-WavyBlack.png);
background-size: contain;
background-repeat: repeat-x;
background-position: bottom;
margin-top: -315px;
position: absolute;
pointer-events: none;
@media screen and (max-width: 800px) {
background-size: 200% 50%;
}
}
}
Please help, thanks!