text: import React from 'react';
  import BackgroundImage from 'gatsby-background-image';
  
  export default function BackgroundSection ({img,styleClass,title,children}) {
    return (
      <BackgroundImage className={styleClass} fluid={img} preserveStackingContext={true}>
        <h1 className="title text0white text-uppercase text-white text-center display-4 font-weight-bold">{title}</h1>
        {children}
      </BackgroundImage>
    )
  }
  
  BackgroundSection.defaultProps = {
    title: "default title",
    styleClass: "default-background"
  }