This is the correct syntax for combining min-width and max-width using "and". Let me know if this doesn't fix the issue.

    '@media screen and (min-width: 481px) and (max-width: 768px)': {
      backgroundAttachment: 'scroll',  
      backgroundSize: 'cover', 
    },