Masking an element with mask-image is not currently supported in the designer. It is experimental and browser support is spotty. You would need to use custom code.
Hmmm… thanks that might be helpful in the future. Not exactly what I’m looking for though. I want my hero image to start with a strong 100% opacity at the top and fade to 0% to blend it in to the background color