<div class="part left-dummy fixed left-0 w-1/2 h-screen bg-babyblue hidden">
    <div class="flex flex-col justify-center h-full gap-10">
        <div class="flex justify-end items-center animate__animated animate__fadeIn animate__delay-1s">
            <img src="{{ asset('assets/logo-left.webp') }}" alt="Logo" class="logo-img">
        </div>
        <div class="flex justify-end items-center animate__animated animate__fadeIn animate__delay-1s">
            <img src="{{ asset('assets/name-left.webp') }}" alt="Name Left" class="logo-img">
        </div>
        <img src="{{asset('assets/flower-left.webp')}}" alt="" class="absolute -left-2/4 top-72 h-96 w-96 animate__animated animate__fadeIn animate__delay-2s">
    </div>
</div>
<div class="part right-dummy fixed right-0 w-1/2 h-screen bg-babyblue hidden">
    <div class="flex flex-col justify-center h-full gap-10">
        <div class="flex justify-start items-center animate__animated animate__fadeIn animate__delay-1s">
            <img src="{{ asset('assets/logo-right.webp') }}" alt="Logo" class="logo-img">
        </div>
        <div class="flex justify-start items-center animate__animated animate__fadeIn animate__delay-1s">
            <img src="{{ asset('assets/name-right.webp') }}" alt="Name Right" class="logo-img">
        </div>
        <img src="{{asset('assets/flower-right.webp')}}" alt="" class="absolute -right-2/4 top-32 h-96 w-96 animate__animated animate__fadeIn animate__delay-2s">
        <img id="pointer" src="{{asset('assets/tap.png')}}" alt="" class="absolute hidden animate__animated animate__flash animate__infinite" width="35" height="35" style="bottom: 35vh; left:10vw">
    </div>
</div>