استفاده از عکس های متفاوت در بک گراند یک کامپوننت در سایز های متفاوت صفحه نمایش

یک کامپوننت دارم که به این شکل استایل گرفته:

onst styles = {
  main:{
  height: "400px",
  backgroundImage: "url(" + Background + ")",
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center'
},
}
...
<Grid fluid  style={styles.main}>

میخوام بک گراند اون تو سایزهای مختلف صفحه نمایش از عکس های متفاوتی استفاده کنه
چه راه حلی پیشنهاد میکنید؟