How do I keep two rows of different widths (one has a class of "has-animation" and the other has a class of "has-animation small") in the same div and animate in together? For example, I want them both to animate in together when in view, but I want them to have two separate widths? I tried to add the small class to the child row, but it takes the parents larger row width and overrides the small class.