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',
  } 