<div class="part left fixed left-0 w-1/2 h-screen bg-babyblue shadow-xl">
    <div class="flex flex-col justify-center h-full gap-10">
        <div class="flex justify-end items-center">
            <img src="{{ asset('assets/logo-left.png') }}" alt="Logo" class="logo-img">
        </div>
        <div class="flex justify-end items-center">
            <img src="{{ asset('assets/name-left.png') }}" alt="Name Left" class="logo-img">
        </div>
    </div>
</div>
<div class="part right fixed right-0 w-1/2 h-screen bg-babyblue shadow-xl">
    <div class="flex flex-col justify-center h-full gap-10">
        <div class="flex justify-start items-center">
            <img src="{{ asset('assets/logo-right.png') }}" alt="Logo" class="logo-img">
        </div>
        <div class="flex justify-start items-center">
            <img src="{{ asset('assets/name-right.png') }}" alt="Name Right" class="logo-img">
        </div>
    </div>
</div>