基于条件语句的背景不透明度更改不适用于移动设备

I'm building a calorie calculator. It has a diet filter in it. If a diet is selected, the items that do not fit the diet become greyed out and unclickable. This works on desktop, however, on mobile it does not achieve the desired effect. What can be wrong?I'm building a calorie calculator. It has a die