<div class="relative bg-grapes flex flex-col sm:flex-row w-full">
    <div class="absolute inset-0 bg-purple-950 opacity-100"></div>
    <div class="relative w-full sm:w-2/3 flex flex-col justify-center ">

         <div class="slide-up px-12 py-12 lg:pl-20 xl:pl-32 text-white">
            <h2 class="font-heading tracking-widest uppercase text-3xl sm:text-4xl">
{{!--                {# Find your <span class="font-heading-bold">Perfect Fit</span> #}--}}
                Some of life’s best stories <span class="font-heading-bold whitespace-nowrap">unfold here</span>
{{!--                {# 4 Seasons of <span class="font-heading-bold">Relaxation</span> #}--}}
            </h2>

            <p class="mt-4 text-lg">
                Amidst the beauty of vineyards and dramatic landscapes, the Summerland
                Waterfront Resort & Spa is
                set on a secluded stretch of Okanagan Lake shoreline, 15 minutes north of Penticton and 45
                minutes south of Kelowna.
            </p>
        </div>

    </div>
    <div class="relative w-full sm:w-1/3">

        <img class="img-clip-left h-72 w-full object-cover  lg:w-full sm:h-full"
             src="/images/swr/temp/Summerland_O6A0423.jpg"
             alt=""
        >
    </div>

</div>