text: import React from 'react';
  import { StaticImage } from "gatsby-plugin-image"
  
  export function ProfileImg() {
    return <StaticImage src="../assets/profile.png" className="rounded-full mx-auto w-32 lg:w-full xl:w-4/5" alt="Profile" />
  }
  
  const Summary = ({ data }) => (
    <section className="py-5 border-b border-neutral-300 lg:flex items-center">
      <div className="my-5">
        {ProfileImg()}
      </div>
      <p className="text-center tracking-wide leading-relaxed lg:text-left lg:mx-8 lg:text-lg">
        {data}
      </p>
    </section>
  );
  
  export default Summary;
  