text: import React from "react";
  import Img from "gatsby-image";
  
  const ServiceCard = ({ image, title, textNode }) => {
    return (
      <div className="mx-auto shadow-2xl rounded-lg mb-8 md:mb-0">
        <div>
          <div className="h-32 md:h-64">
            <Img className="h-32 md:h-64 rounded-t-lg" fluid={image.fluid} />
          </div>
          <div className="flex relative p-8">
            <div className="">
              <h2 className="text-2xl font-bold leading-tight mb-4">{title}</h2>
              <div
                className="mb-4 content"
                dangerouslySetInnerHTML={{
                  __html: textNode.childMarkdownRemark.html,
                }}
              />
            </div>
          </div>
        </div>
      </div>
    );
  };
  
  export default ServiceCard;
  