{{-- Bloco da categoria --}}
<div class="bg-midnightblue-100 pb-32 sm:pb-24 pt-24 relative">
    <div class="text-center text-white text-xs tracking-36">CATEGORIA</div>
    <div class="font-bricolage font-extrabold text-13xl sm:text-33xl max-w-4xl mt-2 mx-6 sm:mx-auto text-center text-white">Essa categoria é feita de coisas boas, você vai ver! Eu garanto.</div>
    <div class="flex items-center mt-5 justify-center">
        <div class="border border-solid border-white overflow-hidden h-16 rounded-full w-16">
            <img src="{{ asset('images/gato-desconfiado.png') }}" alt="Avatar do autor"/>
        </div>
        <div class="ml-4 text-white text-base">Autor, 01/01/2024</div>
    </div>
    <img class="absolute top-[306px] sm:top-[150px] right-16 sm:right-[150px] scale-[60%]" src="{{ asset('images/star1.svg') }}" alt="Estrela dourada."/>
    <img class="absolute top-12 sm:top-[90px] left-16 sm:left-[120px]" src="{{ asset('images/star-white.svg') }}" alt="Estrela branca."/>
    <img class="absolute top-[266px] sm:top-[90px] right-6 sm:right-[120px] scale-50" src="{{ asset('images/star-white.svg') }}" alt="Estrela branca lado direito."/>
</div>