Estou usando gradientes radiais em um novo site que estou construindo, mas as cores estão se tornando diferentes (muito mais escuras) no Safari na área de trabalho. Existe uma sintaxe melhor entre navegadores para usar?

Tentei prefixos diferentes, mas isso não resolveu o problema. O código que estou usando é o seguinte.

.item1 {
  background: -webkit-radial-gradient( bottom left, farthest-side, rgba(218, 218, 216, 0.5), transparent), -webkit-radial-gradient( bottom right, farthest-corner, rgba(253, 253, 253, 0.5), transparent 300px);
  background: -o-radial-gradient( bottom left, farthest-side, rgba(218, 218, 216, 0.5), transparent), -o-radial-gradient( bottom right, farthest-corner, rgba(253, 253, 253, 0.5), transparent 300px);
  background: radial-gradient( farthest-side at bottom left, rgba(218, 218, 216, 0.5), transparent), radial-gradient( farthest-corner at bottom right, rgba(253, 253, 253, 0.5), transparent 300px);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

A saída correta, como atualmente vista no Chrome e Firefox:https: //imgur.com/a/fMJCbZ

A saída no Safari:https: //imgur.com/a/KwwiV1

omo você pode ver, é muito mais escuro no Safar

lguém tem alguma idéia de como consertar iss