<!-- Copyright Magic Leap, Inc. 2019.-->
<!-- You may reuse the code below, but not the visual assets themselves.-->


        <ml-stage extents="right:0.2;"></ml-stage>

        <ml-model
          id="dinoModelLeft"
          style="style="position: fixed; left: -25%; top: 60%; width: 300px; height: 300px;""
          src="Dino/Dino.fbx"
          materials="
            kmat: Dino/Dino.kmat;
            textures:
              Dino/Dino_Dodecahedron_Diffuse.png
              Dino/Dino_Dodecahedron_Ambient.png;"
          extractable="true">
        </ml-model>

        <ml-model
          id="dinoModelRight"
          style="style="position: fixed; right: -35%; top: 60%; width: 300px; height: 300px;""
          src="Dino/Dino.fbx"
          materials="
            kmat: Dino/Dino.kmat;
            textures:
              Dino/Dino_Dodecahedron_Diffuse.png
              Dino/Dino_Dodecahedron_Ambient.png;"
          extractable="true">
        </ml-model>
      
    

      
            /* Increase the left property of the stage extents */
            stageBtn.addEventListener('click', function (e) {
              let myStage = document.getElementById("myStage");
              myStage.extents = "left:0.28;";
            });