So I have 2 rows with 3 columns each with fade in effect per column.
On the desktop it looks great with all columns sliding in as a row.
But on the mobile because it vertically shows the row with columns on top of one another, I can only see the first column fade in and the other two columns in that row are no longer responsive to fade in on scroll as they have already faded in before I have seen them and appear static. Is there a way to decouple each column from row functionality for mobile only so each column fades in upon scrolling to its vertical position?
I have looked around the forum for a solution to this specific problem but the closest I got was: