Can't to agrupate animations by element for grid responsive.

I want to make the wrapped elements into `divs` so I can control them over a responsive CSS grid (With _styled-component_) for differents screens, but the animation is separate.

I made each component adjusted to the container `div` and already on a parent (Grid) I control the distribution on the screen.

What I can't unify the animation of each element as one when assembling them.

Any ideas to do it?

Example component.

**CircleSkeleton**
```
export const CircleSkeleton = (props) => {
return (

)
}
```

**BarSkeleton**
```
export const BarSkeleton = (props) => {
return (

)
}
```

**Combiner like BarElementSkeleton**
```
const BarElementSkeleton = () => (

---

)
```

Remember: The idea es unify the Animate separate. This method is for use grid responsive in my all (`GlobalGrid`)