Horizontal Scroll Section with smooth background color transitions

Hi All, I’m very much a Webflow noob so this may be a ridiculous question, but I’m trying to create smooth background transitions between sections on a horizontal sticky scroll part of our website. I’ve been able to get it to work on sections within a traditional vertical scroll site, but for some reason, can’t for the life of me get it to work on a horizontally scrolling site. My question is, should it work the same for horizontally-scrolling sections as it does for vertically-scrolling sections? If not, what is the correct way to do it? TIA!

Here is my public share link: LINK
(how to access public share link)