Cards are containers to show content or actions relevant to an app or certain function. They are always the top layer when They are shown in any layout. They can contain other components as part of them, also can have multiple behaviours depending on how they are used in a flow. They appear from the bottom and can be scrollable or fixed depending on their type.

Standard 2 column module. Text content is on the left. The image on the right can within a circle or a square and can be bordered (below) or the full height of the module and extend to the right side. This snippet is responsive and should work across screen sizes.

Standard 2 column module. Text content is on the left. The image on the right can within a circle or a square and can be bordered (below) or the full height of the module and extend to the right side. This snippet is responsive and should work across screen sizes.

Standard 2 column module. Text content is on the left. The image on the right can within a circle or a square and can be bordered (below) or the full height of the module and extend to the right side. This snippet is responsive and should work across screen sizes.