<section class=" py-16"> <div class="w-11/12 lg:w-4/5 lg:flex lg:gap-8 mx-auto overflow-hidden "> <div data-aos="fade-right" class=" w-full mx-auto mb-8 text-center md:text-left md:mx-0 md:mb-0 lg:w-11/12 flex items-center flex-col justify-center"> <h2 class=" subtitle_about mb-8 w-full">{{ content.simple_image_title }}</h2> <p>{{ content.simple_image_content | raw }}</p> </div> <div data-aos="fade-left" class="w-full m-0 mx-auto justify-center md:mx-0 md:mt-8 lg:w-3/5 lg:m-0 flex md:justify-start items-center "> <img class="hidden md:block" src="{{ content.simple_desktop_image.thumbnails['801x598'] }}" alt=""> <img class="block md:hidden" src="{{ content.simple_mobile_image.thumbnails['801x598'] }}" alt=""> </div> </div></section>