Homepage Hello

<div class="bg-gray-50 text-center lg:text-left lg:bg-transparent mb-6 rounded relative max-w-7xl mx-auto pt-2 pb-16 lg:py-16  px-4 sm:px-6 lg:px-8">

    <div class="hidden lg:block bg-gray-50 absolute top-0 bottom-0 left-3/4 w-screen"></div>

    <div class="mt-8 lg:grid lg:grid-cols-3 lg:gap-8">
        <div class="relative lg:row-start-1 lg:col-start-3">

            <svg class="hidden lg:block absolute top-0 right-0 -mt-20 -mr-20" width="404" height="384" fill="none"
                 viewBox="0 0 404 384" aria-hidden="true">
                <defs>
                    <pattern id="de316486-4a29-4312-bdfc-fbce2132a2c1" x="0" y="0" width="20" height="20"
                             patternUnits="userSpaceOnUse">
                        <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor"></rect>
                    </pattern>
                </defs>
                <rect width="404" height="384" fill="url(#de316486-4a29-4312-bdfc-fbce2132a2c1)"></rect>
            </svg>

            <div class="relative text-base mx-auto max-w-prose lg:max-w-none">
                <figure>


                    <img class="mx-auto lg:ml-0 lg:mr-auto rounded-full shadow-lg object-cover object-center h-56 w-56"
                         src="/dist/images/Dany-profile-photo-Aug2016-2.png"
                         alt="Hello, Bonjour, Grüezi!" width="300" height="300">

                </figure>
            </div>
        </div>
        <div class="mt-8 lg:mt-0 lg:col-span-2">

            <div class="mx-auto lg:max-w-none lg:row-start-1 lg:col-start-1 mt-6 mb-12 lg:mb-20 prose prose-gray prose-lg text-gray-400 mx-auto">
                <h2 class="font-extrabold pb-4 border-b-4 border-dotted lg:border-transparent lg:border-none">
                    Hello, Bonjour, Grüezi!
                </h2>

                <div class="text-left prose prose-lg text-gray-500">

                    <h3 class="text-gray-600">
                        Updating your website shouldn't be a nightmare.
                    </h3>

                    <p>My name is Dany and I'm a friendly Swiss Canadian who loves to <strong class="text-gray-600">bring peace of mind</strong> to website clients.</p>

                    <p>I start with understanding what isn’t working with your current website and will work on a plan to <strong class="text-gray-600">make your website a joy to use</strong> for both your visitors and content editors.</p>

                    <p>I know you want a beautiful new website, but really you deserve <strong class="text-gray-600">a great experience long after your website is launched</strong>.</p>

                </div>
            </div>

        </div>
    </div>
</div>