<turbo-stream action="append" target="section_885340_medias"><template>
    <turbo-frame id="media_item_56646675">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jcl83fye900mmwxrripx6tqhqld1.jpg"
  data-sub-html="<span>DSC05233-2.jpg</span>"
  data-item-id="56646675"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646675"
>
  <button class="sr-only">View DSC05233-2.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jcl83fye900mmwxrripx6tqhqld1.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/jcl83fye900mmwxrripx6tqhqld1.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jcl83fye900mmwxrripx6tqhqld1.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/jcl83fye900mmwxrripx6tqhqld1.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646675&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05233-2.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="m3jiTapwidCxf_c1uvEOrtCrJrNBk3GrQ9tAG_H15aw4G_t_my9oppxLDdkb6deLD5s5LXqSHs9KqsrLyTPCjg" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646675/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646839">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/nae1eg62uh99udn3qziyjcs7il14.jpg"
  data-sub-html="<span>DSC05235.jpg</span>"
  data-item-id="56646839"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646839"
>
  <button class="sr-only">View DSC05235.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/nae1eg62uh99udn3qziyjcs7il14.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/nae1eg62uh99udn3qziyjcs7il14.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/nae1eg62uh99udn3qziyjcs7il14.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/nae1eg62uh99udn3qziyjcs7il14.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646839&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05235.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="d0yFoo_Pdc1cbroNSmIrexE1RszjmtQfrIwxe3fc037UL5yQvpCUu3FaQOHrevJezgVZUtibu3ul_burTxr0XA" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646839/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646843">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8cxejv4hszzkso7h45x81hdd5e0b.jpg"
  data-sub-html="<span>DSC05237.jpg</span>"
  data-item-id="56646843"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646843"
>
  <button class="sr-only">View DSC05237.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8cxejv4hszzkso7h45x81hdd5e0b.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/8cxejv4hszzkso7h45x81hdd5e0b.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8cxejv4hszzkso7h45x81hdd5e0b.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/8cxejv4hszzkso7h45x81hdd5e0b.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646843&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05237.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="Z8lX6_j7eS7Zw5Pzl__SS0R3O8tRUiDKFRr8TZ1YKBPEqk7ZyaSYWPT3aR825wtum0ckVWpTT64ca3adpZ4PMQ" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646843/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646955">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/k6h56t036tfkrdb7spymoanmgojx.jpg"
  data-sub-html="<span>DSC05249.jpg</span>"
  data-item-id="56646955"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646955"
>
  <button class="sr-only">View DSC05249.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/k6h56t036tfkrdb7spymoanmgojx.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/k6h56t036tfkrdb7spymoanmgojx.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/k6h56t036tfkrdb7spymoanmgojx.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/k6h56t036tfkrdb7spymoanmgojx.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646955&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05249.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="TN6cIfFf1XJS0_7FS5wmjUkfjPl2H2lI2_ptMRSztPPvvYUTwAA0BH_nBCnqhP-oli-TZ00eBizSi-fhLHWT0Q" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646955/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646622">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/aghzxrgq2gz4hq1oh62gvw2ywph7.jpg"
  data-sub-html="<span>DSC05251.jpg</span>"
  data-item-id="56646622"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646622"
>
  <button class="sr-only">View DSC05251.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/aghzxrgq2gz4hq1oh62gvw2ywph7.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/aghzxrgq2gz4hq1oh62gvw2ywph7.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/aghzxrgq2gz4hq1oh62gvw2ywph7.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/aghzxrgq2gz4hq1oh62gvw2ywph7.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646622&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05251.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="EqvfXK-cnNXt7_jCGLoNOFbbmzGewpujZE9mGW5boV-xyMZunsN9o8DbAi65otQdieuEr6XD9MdtPuzJVp2GfQ" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646622/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646660">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/61ai2g552q5uzpypzugbzmdwq8bh.jpg"
  data-sub-html="<span>DSC05253.jpg</span>"
  data-item-id="56646660"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646660"
>
  <button class="sr-only">View DSC05253.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/61ai2g552q5uzpypzugbzmdwq8bh.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/61ai2g552q5uzpypzugbzmdwq8bh.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/61ai2g552q5uzpypzugbzmdwq8bh.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/61ai2g552q5uzpypzugbzmdwq8bh.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646660&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05253.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="Jl8ZDspMxWm_L-bZ0mEM5qXYbDQokL36XFG-xfymUhuFPAA8-xMkH5IbHDVzedXDeuhzqhOR0p5VIDQVxGB1OQ" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646660/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646680">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/0fks4zrqn627duy4bgr3ws90jkm9.jpg"
  data-sub-html="<span>DSC05256.jpg</span>"
  data-item-id="56646680"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646680"
>
  <button class="sr-only">View DSC05256.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/0fks4zrqn627duy4bgr3ws90jkm9.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/0fks4zrqn627duy4bgr3ws90jkm9.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/0fks4zrqn627duy4bgr3ws90jkm9.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/0fks4zrqn627duy4bgr3ws90jkm9.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646680&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05256.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="rAHNLNjYBF5YGLNCFTK1hgziYjDqs8GNVLTM9eFo8BwPYtQe6YflKHUsSa60Kmyj09J9rtGyruldxUYl2a7XPg" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646680/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646954">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/twxptxbvz6f0j7hfdeoogb9ae80r.jpg"
  data-sub-html="<span>DSC05261.jpg</span>"
  data-item-id="56646954"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646954"
>
  <button class="sr-only">View DSC05261.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/twxptxbvz6f0j7hfdeoogb9ae80r.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/twxptxbvz6f0j7hfdeoogb9ae80r.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/twxptxbvz6f0j7hfdeoogb9ae80r.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/twxptxbvz6f0j7hfdeoogb9ae80r.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646954&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05261.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="VsBKaot-KTkoqf02DwBkEYTJLMxM0wUbtRO4v6FM3jj1o1NYuiHITwWdB9quGL00W_kzUnfSan-8YjJvmYr5Gg" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646954/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646914">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/iu54a41dp52gdwx24ir707d7d607.jpg"
  data-sub-html="<span>DSC05265.jpg</span>"
  data-item-id="56646914"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646914"
>
  <button class="sr-only">View DSC05265.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/iu54a41dp52gdwx24ir707d7d607.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/iu54a41dp52gdwx24ir707d7d607.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/iu54a41dp52gdwx24ir707d7d607.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/iu54a41dp52gdwx24ir707d7d607.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646914&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05265.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="qzeeqjc15Z-SZRtfiiJY36Kn9hhnPjIELwy9Ngvi-7MIVIeYBmoE6b9R4bMrOoH6fZfphlw_XWAmfTfmMyTckQ" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646914/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646706">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/fisgtmphaa8munyzpq44c3v2cpws.jpg"
  data-sub-html="<span>DSC05269.jpg</span>"
  data-item-id="56646706"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646706"
>
  <button class="sr-only">View DSC05269.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/fisgtmphaa8munyzpq44c3v2cpws.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/fisgtmphaa8munyzpq44c3v2cpws.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/fisgtmphaa8munyzpq44c3v2cpws.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/fisgtmphaa8munyzpq44c3v2cpws.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646706&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05269.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="OGGFJwJTN7ExV9BYtwtUwWouNybECHuiGEAjhuUvhkKbApwVMwzWxxxjKrQWE43ktR4ouP8JFMYRMalW3emhYA" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646706/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646624">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/dk24dhhag880su434k0178kwsrpl.jpg"
  data-sub-html="<span>DSC05269-2.jpg</span>"
  data-item-id="56646624"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646624"
>
  <button class="sr-only">View DSC05269-2.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/dk24dhhag880su434k0178kwsrpl.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/dk24dhhag880su434k0178kwsrpl.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/dk24dhhag880su434k0178kwsrpl.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/dk24dhhag880su434k0178kwsrpl.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646624&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05269-2.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="1M8y7VvANZ6HRR4DR67NWgS1uv5JZ_WF_b6O_Gg07EJ3rCvfap_U6Kpx5O_mthR_24WlYHJmmuH0zwQsUPLLYA" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646624/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646618">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/vydfkmhnsdwkj1rlkip4w2qern7x.jpg"
  data-sub-html="<span>DSC05279.jpg</span>"
  data-item-id="56646618"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646618"
>
  <button class="sr-only">View DSC05279.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/vydfkmhnsdwkj1rlkip4w2qern7x.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/vydfkmhnsdwkj1rlkip4w2qern7x.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/vydfkmhnsdwkj1rlkip4w2qern7x.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/vydfkmhnsdwkj1rlkip4w2qern7x.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646618&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05279.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="6VNBLlASui8oj1eOozXKgbp-EU29M8bKqUgWzdh_PIFKMFgcYU1bWQW7rWICLROkZU4O04Yyqa6gOZwd4Lkbow" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646618/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646964">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/9ijll1vssokzcz1da5pveafoexbm.jpg"
  data-sub-html="<span>DSC05300.jpg</span>"
  data-item-id="56646964"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646964"
>
  <button class="sr-only">View DSC05300.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/9ijll1vssokzcz1da5pveafoexbm.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/9ijll1vssokzcz1da5pveafoexbm.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/9ijll1vssokzcz1da5pveafoexbm.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/9ijll1vssokzcz1da5pveafoexbm.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646964&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05300.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="X1DG_YGOeHB28nh9CfjEHhcJpmRExw5CRUHq1foCkcj8M9_PsNGZBlvGgpGo4B07yDm5-n_GYSZMMGAFwsS26g" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646964/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646930">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/439nmyv3qw5axdh8ukgyge63y8eg.jpg"
  data-sub-html="<span>DSC05302.jpg</span>"
  data-item-id="56646930"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646930"
>
  <button class="sr-only">View DSC05302.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/439nmyv3qw5axdh8ukgyge63y8eg.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/439nmyv3qw5axdh8ukgyge63y8eg.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/439nmyv3qw5axdh8ukgyge63y8eg.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/439nmyv3qw5axdh8ukgyge63y8eg.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646930&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05302.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="E-WvELIoAZLzkPaDpqFqSctiiVa4kDEpf3n1lC5IPmuwhrYig3fg5N6kDG8HubNsFFKWyIORXk12CH9EFo4ZSQ" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646930/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646965">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/dvgvyfxlkseyv7amobjfh4mrkm72.jpg"
  data-sub-html="<span>DSC05314.jpg</span>"
  data-item-id="56646965"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646965"
>
  <button class="sr-only">View DSC05314.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/dvgvyfxlkseyv7amobjfh4mrkm72.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/dvgvyfxlkseyv7amobjfh4mrkm72.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/dvgvyfxlkseyv7amobjfh4mrkm72.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/dvgvyfxlkseyv7amobjfh4mrkm72.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646965&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05314.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="uOleTr__nEow_2pcVYCjLBuGOrpdZOlrHGMu0X3SoN4bikd8jqB9PB3LkLD0mHoJxLYlJGZlhg8VEqQBRRSH_A" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646965/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646632">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jdpoza57iyrhrg9fu8grl8kflmmc.jpg"
  data-sub-html="<span>DSC05324.jpg</span>"
  data-item-id="56646632"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646632"
>
  <button class="sr-only">View DSC05324.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jdpoza57iyrhrg9fu8grl8kflmmc.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/jdpoza57iyrhrg9fu8grl8kflmmc.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jdpoza57iyrhrg9fu8grl8kflmmc.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/jdpoza57iyrhrg9fu8grl8kflmmc.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646632&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05324.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="m6gSWkLSCiK2DlSLX140RN7-7GzWlkhO_6yobcFSlsk4ywtoc43rVJs6rmf-Ru1hAc7z8u2XJyr23SK9-ZSx6w" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646632/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646895">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/o63mtz0gxrkl066936suzal2yo2g.jpg"
  data-sub-html="<span>DSC05327-2.jpg</span>"
  data-item-id="56646895"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646895"
>
  <button class="sr-only">View DSC05327-2.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/o63mtz0gxrkl066936suzal2yo2g.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/o63mtz0gxrkl066936suzal2yo2g.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/o63mtz0gxrkl066936suzal2yo2g.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/o63mtz0gxrkl066936suzal2yo2g.jpg 2500w" style="aspect-ratio: 1.4998394863563402;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646895&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05327-2.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="FSkACoGAHYnO19vxRdwGWy1t8zTQ9B1r3pnP1pSENVS2Shk4sN_8_-PjIR3kxN9-8l3squv1cg_X6EUGrEISdg" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646895/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646656">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/wux2nvcvye4ta8ibtbcnl1cjcipo.jpg"
  data-sub-html="<span>DSC05327.jpg</span>"
  data-item-id="56646656"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646656"
>
  <button class="sr-only">View DSC05327.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/wux2nvcvye4ta8ibtbcnl1cjcipo.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/wux2nvcvye4ta8ibtbcnl1cjcipo.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/wux2nvcvye4ta8ibtbcnl1cjcipo.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/wux2nvcvye4ta8ibtbcnl1cjcipo.jpg 2500w" style="aspect-ratio: 1.4998394863563402;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646656&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05327.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="OIz_bw3nOHgjGb2OuLo3e_AGdWLT58Kkdsey-oHh3lCb7-ZdPLjZDg4tR2IZou5eLzZq_OjmrcB_tjgquSf5cg" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646656/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646629">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/u7q99rnr9bvwdicpckksbu440jns.jpg"
  data-sub-html="<span>DSC05331.jpg</span>"
  data-item-id="56646629"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646629"
>
  <button class="sr-only">View DSC05331.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/u7q99rnr9bvwdicpckksbu440jns.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/u7q99rnr9bvwdicpckksbu440jns.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/u7q99rnr9bvwdicpckksbu440jns.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/u7q99rnr9bvwdicpckksbu440jns.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646629&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05331.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="gS7-58uuA9qClF0hdpijXTeI7eqyRsOtfV4OjUwdrD4iTefV-vHirK-gp83XgHp46LjydIlHrMl0L4RddNuLHA" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646629/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
    <turbo-frame id="media_item_56646653">
      <div
  class="lightbox-selector w-1/2 border-[3px] border-white md:w-1/3 lg:w-1/4 relative"
  data-action="click->lightbox#handleOpen"
  data-masonry-target="gridItem"
  data-lightbox-target="lightboxItem"
  data-src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/yvc33wjqyxnoo7ddcuv3io2ufk3i.jpg"
  data-sub-html="<span>DSC05332.jpg</span>"
  data-item-id="56646653"
  data-item-turbo-frame-url="/samanthamaryphoto/kwok-family/items/56646653"
>
  <button class="sr-only">View DSC05332.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/yvc33wjqyxnoo7ddcuv3io2ufk3i.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/yvc33wjqyxnoo7ddcuv3io2ufk3i.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/yvc33wjqyxnoo7ddcuv3io2ufk3i.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/yvc33wjqyxnoo7ddcuv3io2ufk3i.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=56646653&amp;redirect_to=%2Fsamanthamaryphoto%2Fkwok-family"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC05332.jpg</span>
    <div data-favourites-target="heartEmpty" class="svg-control-height pointer-events-none h-5">
      <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46319 0C3.27948 0 2.14425 0.470227 1.30724 1.30724C0.470227 2.14425 0 3.27948 0 4.46319C0 5.6469 0.470227 6.78213 1.30724 7.61914L2.07087 8.38277L7.67567 13.9876C7.77335 14.0852 7.90139 14.1341 8.02941 14.134C8.15744 14.1341 8.28548 14.0852 8.38316 13.9876L13.988 8.38277L14.7516 7.61914C15.5886 6.78213 16.0588 5.6469 16.0588 4.46319C16.0588 3.27948 15.5886 2.14425 14.7516 1.30724C13.9146 0.470227 12.7793 0 11.5956 0C10.4119 0 9.2767 0.470227 8.43968 1.30724L8.02941 1.71751L7.61914 1.30724C6.78213 0.470227 5.6469 0 4.46319 0ZM8.02941 2.92443C7.90139 2.92447 7.77335 2.87566 7.67567 2.77798L6.91203 2.01434C6.26256 1.36487 5.38168 1 4.46319 1C3.54469 1 2.66382 1.36487 2.01434 2.01434C1.36487 2.66382 1 3.54469 1 4.46319C1 5.38168 1.36487 6.26256 2.01434 6.91203L2.77798 7.67567L8.02941 12.9271L13.2808 7.67567L14.0445 6.91203C14.694 6.26256 15.0588 5.38168 15.0588 4.46319C15.0588 3.54469 14.694 2.66382 14.0445 2.01434C13.395 1.36487 12.5141 1 11.5956 1C10.6771 1 9.79627 1.36487 9.14679 2.01434L8.38316 2.77798C8.28548 2.87566 8.15744 2.92447 8.02941 2.92443Z" fill="white"></path>
</svg>

    </div>
    <div class="svg-control-height hidden h-5 animate-spin cursor-none text-white" data-favourites-target="loader">
      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C8.5 0.723858 8.72386 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 13.6944 13.6944 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 6.73666 1.38528 4.67901 2.82746 3.15619C3.01735 2.95569 3.33381 2.94708 3.53431 3.13697C3.73481 3.32685 3.74342 3.64331 3.55353 3.84381C2.28022 5.18832 1.5 7.0025 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C8.72386 1.5 8.5 1.27614 8.5 1Z" fill="black"></path>
</svg>

    </div>
</button><input type="hidden" name="authenticity_token" value="jZK9RTeYCNAGpb5zWO_SAFSnGFw4Ic7x6UoSeayeXcMu8aR3BsfppiuRRJ_59wsli5cHwgMgoZXgO5iplFh64Q" autocomplete="off" /></form></div>

      </div>

        <div class="flex items-center">
          <!-- onclick prevents conflicts with the lightbox trigger -->
          <a class="svg-control cursor-pointer select-none" href="/samanthamaryphoto/kwok-family/items/56646653/download" onclick="event.stopPropagation()">
            <span class="pointer-events-none block h-5 w-5">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" class="stroke-white">
<path d="M13 9V11.6667C13 12.0203 12.8595 12.3594 12.6095 12.6095C12.3594 12.8595 12.0203 13 11.6667 13H2.33333C1.97971 13 1.64057 12.8595 1.39052 12.6095C1.14048 12.3594 1 12.0203 1 11.6667V9" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M3.66667 5.66667L7 9L10.3333 5.66667" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
<path d="M7 9V1" stroke-linecap="round" stroke-linejoin="round" style="fill: transparent"></path>
</svg>

            </span>
          </a>
        </div>
    </div>
  </div>




</div>

    </turbo-frame>
</template></turbo-stream>
  <turbo-stream action="replace" target="section_885340_next_page"><template>
    <turbo-frame id="section_885340_next_page">
      <div class="flex justify-center py-8">
  <div class="svg-control-height-no-color h-14 animate-spin">
  <svg xmlns="http://www.w3.org/2000/svg" width="58" height="58" viewBox="0 0 58 58" fill="none">
<circle cx="29" cy="29" r="29" fill="white"></circle>
<circle cx="29.3857" cy="39.828" r="4" transform="rotate(-135 29.3857 39.828)" fill="#808D65"></circle>
<circle opacity="0.75" cx="18.9423" cy="29.3846" r="4" transform="rotate(-135 18.9423 29.3846)" fill="#808D65"></circle>
<circle opacity="0.25" cx="39.8289" cy="29.3844" r="4" transform="rotate(-135 39.8289 29.3844)" fill="#808D65"></circle>
<circle opacity="0.5" cx="29.3861" cy="18.9414" r="4" transform="rotate(-135 29.3861 18.9414)" fill="#808D65"></circle>
</svg>

</div>


  <a
    data-turbo-stream=""
    data-lightbox-target="loadNextPage"
    data-pagination-target="nextPage"
    href="/samanthamaryphoto/kwok-family/media_collection_sections/885340/items?page=7"
  ></a>
</div>

    </turbo-frame>
</template></turbo-stream>