Separating components in a component-based UI

I've got a page for a Team Overview that currently shows everything that is possible to do with a team. team home

I think that the design for this is loud and hard to read at first glance. The current scaffolding is 2 bootstrap columns with 2 rows in each column.

What's the best way to separate these 4 'components' of this page? Using a background and border on each one?