utility classes
                from Tailwind
            </p>
        </div>
        <div class="grid gap-8 lg:gap-16 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
            <div class="text-center text-content-muted">
                <img class="mx-auto mb-4 w-36 h-36 rounded-full" src="/files/images/blocks/bonnie-green.png"
                    alt="Bonnie Avatar">
                <h3 class="mb-1 text-2xl font-bold tracking-tight text-content-accent">
                    <a href="#">
                  