Background

<div class="t1 flex flex-center min-h-320 bg-center bg-cover color-white font-24 text-center p-16" style="background-image:url(/assets/christopher-czermak-crbcdpgtpf4-unsplash-s.jpg?o1-cache=1);"> Background image </div>

<div class="t1 bg-center bg-cover" style="background-image:url(/assets/christopher-czermak-crbcdpgtpf4-unsplash-s.jpg?o1-cache=1);"> <div class="t1 flex flex-center min-h-320 bg-c-black-50 color-white font-24 text-center p-16"> Background image with overlay color </div> </div>

<div class="t1 max-h-300 overflow-auto"> <div class="t1 bg-center bg-cover bg-fixed bg-scroll" style="background-image:url(/assets/christopher-czermak-crbcdpgtpf4-unsplash-s.jpg?o1-cache=1);"> <div class="t1 flex flex-center min-h-500 bg-c-black-50 color-white font-24 text-center p-16"> Scrolling background </div> </div> </div>

<div class="t1 max-h-300 overflow-auto"> <div class="t1 bg-center bg-cover bg-fixed" style="background-image:url(/assets/christopher-czermak-crbcdpgtpf4-unsplash-s.jpg?o1-cache=1);"> <div class="t1 flex flex-center min-h-500 bg-c-black-50 color-white font-24 text-center p-16"> Parallax background (fixed) </div> </div> </div>