export const heroImageStyles = {
  position: 'absolute',
  top: '0',
  left: '0',
  height: '100%',
  width: '100%',
  display: 'flex',
  flexDirection: 'column',
  justifyContent: 'center',
  alignItems: 'center',
};
export const heroImageBottomAlign = {
  justifyContent: 'flex-end',
};
export const heroBackGroundStyles = {
  position: 'relative',
  height: '305px',
  width: '100%',
};