I had 2 rows, the first with 3 columns, and the second row with 2 columns. I had fade in animations working nicely on each column.

I wanted to apply a full width background to all of them without a margin between the rows, so I made a new row with one column and moved both of my rows within the new row. So now my two rows are nested inside the parent row. Now I cannot get any animation working on any of these columns.

I can apply one animation to the parent column to make all the content fade in at once, but I wanted different timings on each of the columns within the two child rows.