feature-blocks.html

<div class="bg-black w-full flex flex-col md:flex-row">
    <div class="w-full md:w-1/2 p-5 lg:p-16 xl:p-24 flex justify-center items-center flex-col">
        <h2 class="text-4xl md:text-3xl lg:text-4xl text-white max-w-lg font-light leading-tight">Your Future Depends on What You Do Today</h2>
        <p class="text-gray-500 max-w-lg text-xl md:text-base lg:text-xl xl:text-2xl mt-5">Learn the skills that will help you build a financially successful future.
        </p>
    </div>
    <div class="w-full md:w-1/2">
        <img src="https://images.unsplash.com/photo-1589384267710-7a170981ca78?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80" class="object-cover inset-0">
    </div>
</div>

<div class="bg-black w-full flex flex-col flex-col-reverse md:flex-row">
    <div class="w-full md:w-1/2">
        <img src="https://images.unsplash.com/photo-1538691929598-f3c649a7b92e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2850&q=80" class="object-cover inset-0">
    </div>
    <div class="w-full md:w-1/2 p-5 lg:p-16 xl:p-24 flex justify-center items-start flex-col">
        <h2 class="text-4xl md:text-3xl lg:text-4xl text-white max-w-lg font-light leading-tight">Find Your Passion<br>Find Your Happiness</h2>
        <p class="text-gray-500 max-w-lg text-xl md:text-base lg:text-xl xl:text-2xl mt-5">Find your true passion and live the life you've always dreamed.
        </p>
    </div>
</div>