I am currently facing an issue with setting the second background image in the "Great people providing great service" section to a fixed position. You can view the website here:
While the fixed position works in Safari and Firefox, it used to work in Chrome but not anymore. Interestingly, the rest of the pages with fixed position backgrounds are functioning properly in Chrome except for this specific image.
I have attempted the following code already:
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
Below is the CSS related to that section:
.cos_banner {
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
height: 576px;
box-shadow: 0px 576px rgba(51,35,25,0.65) inset;
}
.cos_banner_parallax {
position: relative;
overflow: hidden;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
height: 504px;
box-shadow: 0 576px rgba(51,35,25,0.65) inset;
background-image: url('http://cdn2.hubspot.net/hub/410423/file-1582819029-jpg/theme/banners/receptionist.jpg') !important;
}