<div class="relative">
    <div class="flex h-fit flex-col">
        <figure class="absolute inset-0 isolate dark:bg-primary/60">
            <img class="absolute inset-0 h-full w-full object-cover object-center dark:mix-blend-overlay" src="https://cais-app.s3.us-west-1.amazonaws.com/assets/site/blue-books-texture-bg.jpg" role="presentation" data-img-srcset="true">
        </figure>
        <div class="my-auto grid justify-items-center gap-4 p-6 sm:grid-cols-2 sm:gap-8 md:gap-10 md:p-10">
            <a href="/independent-school-careers" class="relative z-10 flex min-h-14 w-full flex-nowrap items-center justify-center gap-2 overflow-hidden border-4 border-yellow px-7 py-3.5 text-sm font-medium uppercase leading-none text-center text-balance text-white no-underline transition-transform duration-300 ease-out after:absolute after:bottom-0 after:left-1/2 after:right-1/2 after:top-0 after:z-[-1] after:h-full after:transform after:bg-yellow after:transition-all after:duration-300 after:ease-out focus-within:ring-offset-0 hover:text-black hover:after:left-0 hover:after:right-0 focus-visible:ring-offset-1 active:scale-90 sm:max-w-sm md:max-w-lg lg:max-w-xl xl:max-w-110 dark:text-white dark:hover:text-black dark:focus-visible:ring-offset-black">Learn About Independent Schools</a><a href="/schools/find" class="relative z-10 flex min-h-14 w-full flex-nowrap items-center justify-center gap-2 overflow-hidden border-4 border-yellow px-8 py-3.5 text-sm font-medium uppercase leading-none text-center text-balance text-white no-underline transition-transform duration-300 ease-out after:absolute after:bottom-0 after:left-1/2 after:right-1/2 after:top-0 after:z-[-1] after:h-full after:transform after:bg-yellow after:transition-all after:duration-300 after:ease-out focus-within:ring-offset-0 hover:text-black hover:after:left-0 hover:after:right-0 focus-visible:ring-offset-1 active:scale-90 sm:max-w-sm md:max-w-lg lg:max-w-xl xl:max-w-110 dark:text-white dark:hover:text-black dark:focus-visible:ring-offset-black">Search For Independent Schools</a>
        </div>
    </div>
</div>