Streaming live at 10am (PST)

Partial parallax effect issue on Firefox

I have a fixed background image in a wrapper which works ok when viewed in chrome but not in firefox, however, the main background image of the div shows ok in both.

.image-with-text-overlay-wrapper .homepage-featured-content-box{
  background-color: transparent !important;
  background-image:
    url('https://cdn.shopify.com/s/files/1/0274/7688/5579/files/Shoe_Laundry_Circle_Small.png?1235');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center !important;
  background-size: 30%;
  z-index: 1000!Important;
} 

Website: www.shoelaundry.ca password: cobra2