Card are used to show user related data collectively, like product details.
Basic card with a hero element just add class
basic for the layout.
Use our handful of available sizing utilities to quickly set a card’s
width:
w-30
w-40
w-50
Copy below code and put your desired text and image and you are good to go.
You can also replace the hero element with a img of your choice.
To get card with text over image just replace the class
basic with the class
text-o-media
Add a div container over the card and give class overlay-container to it and div with class overlay with the card.
