There is a structure
<div style="width:1517px; height:81px; position:relative;"> <div class="gray_section" style="height: 80px; left: 0px; width: 493px; top: 0px;"></div> <div class="gray_section" style="height: 80px; left: 410px; width: 207px; top: 0px;"></div> </div> This structure is generated by js code, which is rather complicated to change. The gray_section class has the following meaning:
<style> .gray_section { background-color: rgba(118, 108, 119, 0.5) !important; } </style> Given the left and width the elements with the class gray_section , some areas intersect and where this happens, the transparency is "summed up" and these areas are already obtained with a different shade. How can I get rid of it? That is, so that transparency would not be summed up.
For a more visual overview: the arrow shows the intersection area where transparency is "summed up". 
