<div class="bg-center bg-no-repeat
    {{noHeight ? 'h-[0px]' : 'h-[150px]'}}
    bg-{{backgroundColor == 'light' ? 'white' : 'secondary'}}
    {{backgroundImageUrl ? 'url(' + backgroundImageUrl +')' : ''}}"
   [style.background-image]="backgroundImageUrl ? 'url(' + backgroundImageUrl +')' : ''">
  <h2 class="mx-24 pt-8 text-6xl drop-shadow-2xl shadow-black text-gray-600 mr-6 font-extrabold text-{{titleColor == 'light' ? 'white' : 'secondary'}}">{{title}}</h2>
</div>
<section class="max-w-4xl min-h-full py-4 px-6 mx-auto text-gray-700 flex flex-col items-center justify-center">
  <ng-content></ng-content>
</section>
