SS25 Drop 2 video

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;">
<iframe src="https://cdn.shopify.com/videos/c/o/v/c9a0d19d130d4da6b5a5f63852e8d3b9.mp4" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
  </iframe>
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;"><video id="shopify-video" src="https://cdn.shopify.com/videos/c/o/v/49ef14df10f14caca9e5f0141f04586e.mov" loop="loop" muted="" playsinline="" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
    Your browser does not support the video tag.
  </video></div>
<script>
  document.addEventListener("DOMContentLoaded", function () {
    const video = document.getElementById("shopify-video");

    const observer = new IntersectionObserver(
      (entries) => {
        entries.forEach((entry) => {
          if (entry.isIntersecting) {
            video.play();
          } else {
            video.pause();
          }
        });
      },
      { threshold: 0.5 } // video must be at least 50% visible
    );

    observer.observe(video);
  });
</script>
</div>