---
import { createTranslator } from '../../i18n';
const tl = createTranslator(Astro.currentLocale);

---

<div class="container mx-auto bg-[#003421]">
    <div class="grid grid-cols-3 relative">
        <div class="col-span-3 sm:col-span-2 p-12 lg:p-24 lg:h-82 text-[#EBE6D2]">
            <h2 class="text-colorSecondary text-2xl" set:html={tl("authority.title")}></h2>
            <p set:html={tl("authority.body")} />
        </div>
        <div class="hidden sm:flex col-span-1 bg-[#CBA16A] items-end self-end justify-center h-82 overflow-visible">
            <img src="/img/DRJBP-1.webp" class="w-48 sm:w-64 lg:w-76 object-contain absolute bottom-0" alt="">
        </div>
    </div>
</div>
