Problem with the background color on the IOS devices

I made an element in the hero section with the background color and blur. The component has a class name (.color-block). I can see this color on android mobile devices, but not on the iPhone. I also tried to make it through the custom code, with no result.

Could someone take a look on at it, please?

Thank you