<div class="w-full text-white relative">
    <div class="container mx-auto py-16">
        <div class="flex flex-col lg:flex-row items-center">
            <div class="w-full lg:w-[80%] px-4 lg:px-0">
                <h1 class="text-3xl lg:text-4xl font-bold font-primary text-[#7B5AFF]">
                    Título foda
                </h1>
                <h2 class="font-semibold font-secondary text-text-high mt-2">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                </h2>

                <p class="text-text-medium font-medium mt-4">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed egestas nisl. Vivamus
                    blandit vehicula eleifend. Phasellus vulputate elit leo, porta vehicula nunc placerat placerat.
                    Sed sit amet nibh et justo lobortis cursus eu ut turpis. Nulla scelerisque neque in dictum
                    lacinia. Nulla tempor ornare metus quis pellentesque. Ut hendrerit auctor rhoncus. Nulla non
                    urna iaculis, mattis metus sit amet, hendrerit arcu. Pellentesque at elementum sem. Fusce
                    accumsan ultricies justo, non condimentum massa venenatis non. Proin at nibh nec purus bibendum
                    auctor ut vel elit. Fusce varius in ex vitae consectetur. Curabitur sed odio at dolor euismod
                    auctor eu vitae magna. Quisque at risus a ipsum lobortis vulputate. Duis vehicula, nibh vitae
                    gravida finibus, tellus nibh euismod leo, ut lacinia justo massa id quam. Mauris sit amet nulla
                    ullamcorper, rutrum ante quis, mattis ante. Vivamus nunc enim, posuere ut auctor a, venenatis in
                    nibh. Mauris suscipit nibh vitae augue lacinia, vitae vestibulum lectus posuere. Pellentesque
                    vestibulum, tortor non feugiat ultricies, justo tortor imperdiet neque, sit amet rhoncus mauris
                    justo a ante. Praesent rutrum libero dui, id hendrerit justo molestie ut. Praesent eget urna
                    enim. Quisque bibendum dolor non accumsan tempor. Vivamus purus nisl, suscipit et tellus vel,
                    efficitur congue sapien. Quisque efficitur tortor quis metus vehicula, consequat efficitur lorem
                    laoreet. Pellentesque pharetra porta quam, a scelerisque mi hendrerit a. Duis quis dolor vel dui
                    scelerisque facilisis. In egestas nisl sed diam ornare tristique. Quisque interdum mattis
                    iaculis. Praesent
                </p>
            </div>
        </div>
    </div>

    <div class="hidden lg:block absolute top-1/2 -translate-y-1/2 right-0">
        <div class="relative overflow-hidden border-l-2 border-[#7B5AFF]">
            <img class="object-cover h-full" src="{{ asset('assets/description-card.webp') }}" alt="Descrição">
        </div>
    </div>
</div>

<div class="w-full text-white relative">
    <div class="hidden lg:block absolute top-1/2 -translate-y-1/2 left-0">
        <div class="relative overflow-hidden border-r-2 border-[#7B5AFF]">
            <img class="object-cover h-full" src="{{ asset('assets/description-card.webp') }}" alt="Descrição">
        </div>
    </div>

    <div class="container mx-auto py-16">
        <div class="flex flex-col lg:flex-row items-center lg:justify-end">
            <div class="w-full lg:w-[80%] px-4 lg:px-0">
                <h1 class="text-3xl lg:text-4xl font-bold font-primary text-[#7B5AFF]">
                    Título foda
                </h1>
                <h2 class="font-semibold font-secondary text-text-high mt-2">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                </h2>

                <p class="text-text-medium font-medium mt-4">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sed egestas nisl. Vivamus
                    blandit vehicula eleifend. Phasellus vulputate elit leo, porta vehicula nunc placerat placerat.
                    Sed sit amet nibh et justo lobortis cursus eu ut turpis. Nulla scelerisque neque in dictum
                    lacinia. Nulla tempor ornare metus quis pellentesque. Ut hendrerit auctor rhoncus. Nulla non
                    urna iaculis, mattis metus sit amet, hendrerit arcu. Pellentesque at elementum sem. Fusce
                    accumsan ultricies justo, non condimentum massa venenatis non. Proin at nibh nec purus bibendum
                    auctor ut vel elit. Fusce varius in ex vitae consectetur. Curabitur sed odio at dolor euismod
                    auctor eu vitae magna. Quisque at risus a ipsum lobortis vulputate. Duis vehicula, nibh vitae
                    gravida finibus, tellus nibh euismod leo, ut lacinia justo massa id quam. Mauris sit amet nulla
                    ullamcorper, rutrum ante quis, mattis ante. Vivamus nunc enim, posuere ut auctor a, venenatis in
                    nibh. Mauris suscipit nibh vitae augue lacinia, vitae vestibulum lectus posuere. Pellentesque
                    vestibulum, tortor non feugiat ultricies, justo tortor imperdiet neque, sit amet rhoncus mauris
                    justo a ante. Praesent rutrum libero dui, id hendrerit justo molestie ut. Praesent eget urna
                    enim. Quisque bibendum dolor non accumsan tempor. Vivamus purus nisl, suscipit et tellus vel,
                    efficitur congue sapien. Quisque efficitur tortor quis metus vehicula, consequat efficitur lorem
                    laoreet. Pellentesque pharetra porta quam, a scelerisque mi hendrerit a. Duis quis dolor vel dui
                    scelerisque facilisis. In egestas nisl sed diam ornare tristique. Quisque interdum mattis
                    iaculis. Praesent
                </p>
            </div>
        </div>
    </div>
</div>
