У меня проблема с "background-image" и "linear-Gradient" между Chrome и Safari (тоже на iPhone).
Результат, который я хочу, тот же, что и я Chrome:
И вот результат, который я получил с Safari на моей маме c или на моей iPhone :
Это мое css:
<div class="container-fluid container-bg-details-game" style="background-image: linear-gradient(to left, rgba(245, 246, 252, 0.00), #081B33), linear-gradient(to bottom, rgba(245, 246, 252, 0.00), #081B33),
url({{ asset('build/static/Cubes-Abstract-Wallpaper.jpg')}}); background-position: center right;background-size: cover; background-repeat: no-repeat; padding: 0; height: 600px">
Я пробовал с расширением -webkit-, но ничего изменения в Safari.
Если у кого-то есть идея?