text: const parallaxStyle = {
    parallax: {
      height: '90vh',
      maxHeight: '1000px',
      overflow: 'hidden',
      position: 'relative',
      backgroundPosition: 'center center',
      backgroundSize: 'cover',
      margin: '0',
      padding: '0',
      border: '0',
      display: 'flex',
      alignItems: 'center',
      '@media (max-width: 992px)': {
        height: '60vh' },
  
    },
    filter: {
      '&:before': {
        background: 'rgba(0, 0, 0, 0.5)'
      },
      '&:after,&:before': {
        position: 'absolute',
        zIndex: '1',
        width: '100%',
        height: '100%',
        display: 'block',
        left: '0',
        top: '0',
        content: '\'\''
      }
    },
    small: {
      height: '380px'
    },
  
    xs:{
      height:'280px'
    }
  
  }
  
  export default parallaxStyle
  