The gradient is displayed incorrectly, how to fix the blue color to white!?

Question

css

<div class="header__info1 js-header-info1" style="margin: auto;width:96%;height:55px;background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(41,137,216,0.02) 52%, rgba(45,139,217,0) 53%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );">

On the poppy it is displayed incorrectly not (from white to transparent from transparent to white) as in chrome and other browsers, but (from white to transparent blue from transparent blue to white).
Please tell me what is wrong!

Answer 1

Answer 2

Here is your blue rgba(41,137,216,0.02)