<div class="flex min-h-screen bg-pink-500">
    <div class="relative flex justify-center max-w-xl py-4 m-auto bg-white shadow-2xl">
        <span class="absolute top-0 right-0 block w-10 h-5 -mt-2 -mr-4 text-xs text-center text-gray-600 transform rotate-45 bg-white rounded shadow-md cursor-pointer hover:bg-gray-100">close</span>
        <div class="w-1/2 ml-4 bg-cover" style="background-image: url('https://images.unsplash.com/photo-1601805215126-9df64231459b?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysr