<section class="bg-[#e3e3e3]">
    <div class="py-32 container">
        <div class="grid grid-cols-1 lg:grid-cols-2 items-center gap-y-10 flex-col-reverse">
            <div>
                <h3 class="animation-fade-in text-center mb-6 text-3xl lg:text-[42px] text-[#5278ad] font-bold">
                    Header 2
                </h3>

                <!-- <div class="block mx-auto w-[300px] h-[300px] bg-green-500">
            Feature 1
          </div> -->
            </div>
            <div style="background-image: url('img/banner_placeholder.jpg')"
                class="animation-fade-in block mx-auto w-[100px] h-[100px] md:w-[200px] md:h-[200px] lg:w-[300px] lg:h-[300px] xl:w-[400px] xl:h-[400px]  bg-center bg-cover rounded-md">
            </div>
        </div>
    </div>
</section>
