Hello When I add an image to the page background, Looks very nice on Android Phone

but when i look at iphone safari it distorts the background image too much and looks bad

they told me from this portal you can use the code below, it actually worked. but the problem you will see in the attached picture.

Error Message in Browser ( Iphone or Android): Your browser does not support the features required to view this website. Update your browser or continue without updating.  If I say continue without updating error closing. If I say Update your browser. A stupid page opens.

Note: My phone's browsers are up to date.

Denediğim Telefonlar: Samsung A72 -73 Samsung flipz  Iphone 13-14 The new phones I want to specify are current phones

<style> #imPageExtContainer { background:transparent url("") !important } </style>
<script> $( document ).ready(function() {
divK='<div id="contenitoreK" style="position:fixed; top:0px; width:100%; height:100%; z-index:-1;"><div id="div_customK" style="position:absolute; top:0px; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-image:url(\'https://gokhan-ucar.websitex5.me/files/mobilbg.jpg\'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: center;"></div></div>'; document.body.innerHTML += divK; }); </script>