/* // Every .component-wrap-bg-img required a background image. 
// On larger screens the background image is displayed on the right of the component, with the text on the left. 
// On smaller screens the background image stacks underneath the text.
// Depending on the background image used, it may need to be swapped out for a different image on smaller screens.
// In this document you can assign background images to .component-wrap-bg-img areas.
// 
// 1. Add a unique class to the .component-wrap-bg-img in the html
// 2. Add the relevant images using the format shown below.
// * You can tweak the positioning of the background image by using: top; bottom; right; left; center. */
.bg-img-storage {
    background-image: url("../../../common_assets/images/img-bottom-storage.png");
    padding-top: 40%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-storage {
    background-image: url("../../../common_assets/images/img-right-storage.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-illness {
    background-image: url("../../../common_assets/images/img-bottom-illness.png");
    padding-top: 40%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-illness {
    background-image: url("../../../common_assets/images/img-right-illness.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-toxins {
    background-image: url("../../../common_assets/images/img-bottom-spores.png");
    padding-top: 40%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-toxins {
    background-image: url("../../../common_assets/images/img-right-spores.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-bacteria {
    background-image: url("../../../common_assets/images/img-bottom-bacteria.png");
    padding-top: 40%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-bacteria {
    background-image: url("../../../common_assets/images/img-right-bacteria.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-eho {
    background-image: url("../../../common_assets/images/img-bottom-eho.png");
    padding-top: 40%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-eho {
    background-image: url("../../../common_assets/images/img-right-eho.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-paperwork {
    background-image: url("../../../common_assets/images/img-bottom-paperwork.png");
    padding-top: 40%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-paperwork {
    background-image: url("../../../common_assets/images/img-right-paperwork.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-chain {
    background-image: url("../../../common_assets/images/img-bottom-chain.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-chain {
    background-image: url("../../../common_assets/images/img-right-chain.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-chemical-hazard {
    background-image: url("../../../common_assets/images/img-bottom-chemical-hazard.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-chemical-hazard {
    background-image: url("../../../common_assets/images/img-right-chemical-hazard.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-stock-rotation {
    background-image: url("../../../common_assets/images/img-bottom-stock-rotation.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-stock-rotation {
    background-image: url("../../../common_assets/images/img-right-stock-rotation.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}



.bg-img-storage {
    background-image: url("../../../common_assets/images/img-bottom-storage.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-storage {
    background-image: url("../../../common_assets/images/img-right-storage.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}



.bg-img-waste {
    background-image: url("../../../common_assets/images/img-bottom-waste.png");
    padding-top: 70%;
    background-position: bottom left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-waste {
    background-image: url("../../../common_assets/images/img-right-waste.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}



.bg-img-cleaning-schedule {
    background-image: url("../../../common_assets/images/img-bottom-cleaning-schedule.png");
    padding-top: 70%;
    background-position: top left;
  }


  
@media only screen and (min-width: 700px) {
.bg-img-cleaning-schedule {
    background-image: url("../../../common_assets/images/img-right-cleaning-schedule.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}

.bg-img-contamination {
    background-image: url("../../../common_assets/images/img-bottom-contamination.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-contamination {
    background-image: url("../../../common_assets/images/img-right-contamination.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}
.bg-img-eyfs {
    background-image: url("../../../common_assets/images/img-bottom-eyfs.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-eyfs {
    background-image: url("../../../common_assets/images/img-right-eyfs.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}
.bg-img-chef {
    background-image: url("../../../common_assets/images/img-bottom-chef.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-chef {
    background-image: url("../../../common_assets/images/img-right-chef.png");
    height: auto;
    padding-top: 0;
    background-position: top right;
    }
}
.bg-img-other {
    background-image: url("../../../common_assets/images/img-bottom-other.png");
    padding-top: 70%;
    background-position: top left;
  }
  
@media only screen and (min-width: 700px) {
.bg-img-other {
    background-image: url("../../../common_assets/images/img-right-other.png");
    height: auto;
    padding-top: 0;
    background-position: top left;
    }
}