multiple backgrounds with offset
I have a single element to which I want to apply multiple backgrounds
at the top there is an image that is clipped alongside a path with a gradient laid out on top of that
below that there is a color also with a gradient overlay
the challenge is that the background situation should be independent of content height, because content should flow from the top background to the bottom background
I've thought of using separate elements, but then the content can not flow dynamically on top of that
the problem is that when using a single element there is no way I can think of to size only the top part of the background
at the top there is an image that is clipped alongside a path with a gradient laid out on top of that
below that there is a color also with a gradient overlay
the challenge is that the background situation should be independent of content height, because content should flow from the top background to the bottom background
I've thought of using separate elements, but then the content can not flow dynamically on top of that
the problem is that when using a single element there is no way I can think of to size only the top part of the background
