<div class="360-photo"> <img src="https://www.katerinaganchak.com/360-1/ti8jhw825hkia41w7z24ekxmrn24ii" alt="Your 360 photo"> <script src="https://www.panojs.com/full.js"></script> <script> var pano = new Pano({ container: document.querySelector(".360-photo"), image: "https://www.katerinaganchak.com/360-1/ti8jhw825hkia41w7z24ekxmrn24ii", fov: 60, isFullscreen: true, autoPlay: true, }); </script> </div>

https://www.katerinaganchak.com/360-1/ti8jhw825hkia41w7z24ekxmrn24ii

<div class="360-photo">
  <img src="https://www.katerinaganchak.com/360-1/ti8jhw825hkia41w7z24ekxmrn24ii" alt="360 Photo">
  <script src="https://www.panojs.com/full.js"></script>
  <script>
    var pano = new Pano({
      container: document.querySelector(".360-photo"),
      image: "https://www.katerinaganchak.com/360-1/ti8jhw825hkia41w7z24ekxmrn24ii",
    });
  </script>
</div>