html – Why is model-viewer not engaged on safari?

I’m attempting to place some 3D Fashions on my web site however plainly it really works solely on Android and Home windows up to now, do not know why. I attempted to make use of totally different codecs for information however nonetheless nothing. Even when I’m going to the web site the place is the documentation, right here, nothing reveals up so I believed possibly safari would not assist 3D Fashions anymore?

Here’s a little piece of my code as I may need written one thing improper.

<div class="container-fluid ml-auto mr-auto" model="margin-bottom: 60px; margin-top: 30px;">
  <div class="row" align="heart">
    <div class="col">
        <model-viewer disable-zoom poster="3d_assets/untitled.png"src=" 3d_assets/place_holder.gltf" ios-src="3d_assets/place_holder.usdz" alt="A 3d factor" auto-rotate camera-controls></model-viewer>
    </div>
    <div class="col align-self-center">
      <p class="model-text">
        textual content textual content
        textual content textual content
      </p>
      <p class="model-sm-text">
         smaller
         smaller
      </p>
    </div>
  </div>

and the CSS:

model-viewer{
    width: 600px;
    peak: 600px;
    margin: 0 auto;
}

.model-text{
    letter-spacing: 2px;
    font-size:30px;
    font-weight: 500;
}

.model-sm-text{
    font-size:20px;
    font-weight: 400;
}