Transparent gradient (on top of image) is white instead of clear

Hi, can anyone help me resolve this issue:
Basically i’ve got a Section with an image for the background, and on top of that, another section that i’ve set a gradient on top of for it’s background, but even though i’ve set the gradient to “transparent” on both sides, one side of the gradient is coming up white, not transparent… can anyone help? (screenshot attached)

This is the section (inside the designer), which looks great:

This is the section (published live), which is weirding out:

(P.S. i’ve tested on both chrome and firefox, same issue)

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

Resolved nevermind, i figured it out… apparently this popup was showing white before i selected any gradient nodes for configuration (look at this popup in my first screenshot in my post above)