<section class="section_about border_b_grey overflow-hidden "> <div class="container_70 mx-auto"> <div class="lg:grid-cols-2 grid gap-4 py-16"> <div class=" flex-column justify-content-between" data-aos="fade-left"> <div class="content pt-6"> <h3>{{ content.about_title }}</h3> </div> <div class="content_p"> {{ content.about_content | raw }} </div> <div class="signature"> <h4>{{ content.about_name }}</h4> <p> {{ content.about_postion }} </p> <img src="{{ content.about_signature.thumbnails['154x65'] }}" alt=""> </div> </div> <div class="flex justify-center lg:justify-end " data-aos="zoom-in"> <img src="{{ content.about_image.url }}" class="img-fluid img_about" alt=""> </div> </div> </div></section>