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}>
      <h1 className="title text-white text-uppercase text-center display-4 font-weight-bold">{title}</h1>
      {children}
    </BackgroundImage>
   );
  }
  
  BackgroundSection.defaultProps ={
   title :"default title",
   styleClass:"default-background"
  }