Card

<div class="t1 w-full flex flex-center p-16 bg-c-gray-250"> <div class="t1 w-288 p-16 rounded-3 shadow-4 bg-c-white"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. </div> </div>

<div class="t1 w-full flex flex-center p-16 bg-c-gray-250"> <div class="t1 w-288 p-16 rounded-3 shadow-4 bg-c-white bt-4-blue"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. </div> </div>

<div class="t1 w-full flex flex-center p-16 bg-c-gray-250"> <div class="t1 w-288 p-16 rounded-3 shadow-4 bg-c-gray-800 color-gray-50"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. </div> </div>

<div class="t1 w-full flex flex-center p-16 bg-c-gray-250"> <div class="t1 relative z-0 w-288 rounded-3 bg-center bg-cover rounded-3 shadow-4" style="background-image:url(/assets/christopher-czermak-crbcdpgtpf4-unsplash-s.jpg?o1-cache=1);"> <div class="t1 bg-c-black-50 p-16 rounded-3 color-white"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. </div> </div> </div>

<div class="t1 w-full flex flex-center p-16 bg-c-gray-250"> <div class="t1 relative z-0 w-288 rounded-3 bg-center bg-cover rounded-3 shadow-4" style="background-image:url(/assets/mika-b4sujlrcd54-unsplash-s.jpg?o1-cache=1);"> <div class="t1 bg-c-white-70 p-16 rounded-3 color-text"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. </div> </div> </div>