How to achieve a linear top to bottom fade effect with Dawn theme code?

Store Design
, , , ,
1

I have this code:

.header__heading-link, #shopify-section-sections–15002690191462__5bda004a-3ebf-4cbd-b81e-a8647d2a3ce4 {
transition: opacity 0.6s ease;
}
.header__heading-link, #shopify-section-sections–15002690191462__5bda004a-3ebf-4cbd-b81e-a8647d2a3ce4 {
transition: 0.6s ease;
}

it only fades evenly, but I’d like the image to fade as linear top to bottom. I have played around with it, but no success. Any suggestions?

2

maybe this code is what is needed to change? this is the script…