Linear gradient border

Hello everyone, I was wondering if someone could help with an issue I’m having. The problem is that I want to add a linear gradient border to a div block that has a linear gradient background. I have attempted to solve this issue by adding a div block on top and then adding a padding equal to the required stroke width and then adding a linear gradient to the parent div. However this doesnt’t work as the linear gradient of the parent element also affects the child element instead of only affecting the outer border.

Here is my site Read-Only: Webflow - Test site