<turbo-stream action="append" target="section_476042_medias"><template>
    <turbo-frame id="media_item_32859751">
      <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/h43qaf751fj6kw5kk46f25td42ei.jpg"
  data-sub-html="<span>SRJN375.jpg</span>"
  data-item-id="32859751"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859751"
>
  <button class="sr-only">View SRJN375.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/h43qaf751fj6kw5kk46f25td42ei.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/h43qaf751fj6kw5kk46f25td42ei.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/h43qaf751fj6kw5kk46f25td42ei.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/h43qaf751fj6kw5kk46f25td42ei.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859751&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN375.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="FttdREhptqL8IPmQ67XhyfhGMtpc2x62YbT87xYo_cYjN4kWAp64BcvDdj0qu9DtYis9R3BYQFXv1jXNcxumWg" 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="/sageandrain/johanna-nick/items/32859751/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_32859748">
      <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/u1q9mrkyc2pe1w6dmwl7z1ur2mrl.jpg"
  data-sub-html="<span>SRJN373.jpg</span>"
  data-item-id="32859748"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859748"
>
  <button class="sr-only">View SRJN373.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/u1q9mrkyc2pe1w6dmwl7z1ur2mrl.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/u1q9mrkyc2pe1w6dmwl7z1ur2mrl.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/u1q9mrkyc2pe1w6dmwl7z1ur2mrl.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/u1q9mrkyc2pe1w6dmwl7z1ur2mrl.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859748&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN373.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="xw8BzSEMNmUrD9Z4n7_tLBTU5c3H1k7GJ4Pk6Y0awdLy49Wfa_s4whzsWdVesdwIjrnqUOtVECWp4S3L6CmaTg" 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="/sageandrain/johanna-nick/items/32859748/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_32859747">
      <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/gr5p905flprrmpvqbj31v0fua6uz.jpg"
  data-sub-html="<span>SRJN371.jpg</span>"
  data-item-id="32859747"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859747"
>
  <button class="sr-only">View SRJN371.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/gr5p905flprrmpvqbj31v0fua6uz.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/gr5p905flprrmpvqbj31v0fua6uz.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/gr5p905flprrmpvqbj31v0fua6uz.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/gr5p905flprrmpvqbj31v0fua6uz.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859747&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN371.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="uIdkuh1q1O5SKgS7DfQDvY4-keAOVCRW0o7_1-HJ8D-Na7DoV53aSWXJixbM-jKZFFOefSLXerVc7Db1hPqrow" 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="/sageandrain/johanna-nick/items/32859747/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_32859745">
      <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/ktgx5cj626t0pdp6e3rp8s3agc69.jpg"
  data-sub-html="<span>SRJN370.jpg</span>"
  data-item-id="32859745"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859745"
>
  <button class="sr-only">View SRJN370.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ktgx5cj626t0pdp6e3rp8s3agc69.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/ktgx5cj626t0pdp6e3rp8s3agc69.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ktgx5cj626t0pdp6e3rp8s3agc69.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/ktgx5cj626t0pdp6e3rp8s3agc69.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859745&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN370.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="vMQapzHEEc3GYmehcs5O-1XkDy756dg0sktfsijWE0CJKM71ezMfavGB6AyzwH_fz4kAs9Vqhtc8KZaQTeVI3A" 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="/sageandrain/johanna-nick/items/32859745/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_32859744">
      <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/azyw1vj62giogseewa4wnvv3vj38.jpg"
  data-sub-html="<span>SRJN372.jpg</span>"
  data-item-id="32859744"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859744"
>
  <button class="sr-only">View SRJN372.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/azyw1vj62giogseewa4wnvv3vj38.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/azyw1vj62giogseewa4wnvv3vj38.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/azyw1vj62giogseewa4wnvv3vj38.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/azyw1vj62giogseewa4wnvv3vj38.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859744&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN372.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="K1esWLXOFb6sF6J2x14yL2o15E_BhUwWpXWWO5-UHN4eu3gK_zkbGZv0LdsGUAML8Fjr0u0GEvUrF18Z-qdHQg" 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="/sageandrain/johanna-nick/items/32859744/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_32859739">
      <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/qa6g03u4r1sz35oywt6sh36gje7o.jpg"
  data-sub-html="<span>SRJN368.jpg</span>"
  data-item-id="32859739"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859739"
>
  <button class="sr-only">View SRJN368.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/qa6g03u4r1sz35oywt6sh36gje7o.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/qa6g03u4r1sz35oywt6sh36gje7o.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/qa6g03u4r1sz35oywt6sh36gje7o.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/qa6g03u4r1sz35oywt6sh36gje7o.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859739&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN368.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="DQ3Q0GV7q5ZMUMtW6ZUrqHLwPrQfL5wCxi5pqMKj82U44QSCL4ylMXuzRPsomxqM6J0xKTOswuFITKCKp5Co-Q" 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="/sageandrain/johanna-nick/items/32859739/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_32859738">
      <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/44b6rsj7w48engyndiq231wql3d6.jpg"
  data-sub-html="<span>SRJN369.jpg</span>"
  data-item-id="32859738"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859738"
>
  <button class="sr-only">View SRJN369.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/44b6rsj7w48engyndiq231wql3d6.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/44b6rsj7w48engyndiq231wql3d6.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/44b6rsj7w48engyndiq231wql3d6.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/44b6rsj7w48engyndiq231wql3d6.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859738&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN369.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="Q3aV1A4YGhrQ7ltQnwI9COsBtkWSvaXbjATP8eO-CIt2mkGGRO8UvecN1P1eDAwscWy52L4--zgCZgbTho1TFw" 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="/sageandrain/johanna-nick/items/32859738/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_32859737">
      <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/ga345qemaspn3du8g5bmbwxfaokg.jpg"
  data-sub-html="<span>SRJN367.jpg</span>"
  data-item-id="32859737"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859737"
>
  <button class="sr-only">View SRJN367.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ga345qemaspn3du8g5bmbwxfaokg.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/ga345qemaspn3du8g5bmbwxfaokg.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ga345qemaspn3du8g5bmbwxfaokg.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/ga345qemaspn3du8g5bmbwxfaokg.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859737&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN367.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="GzB8rrkWJyTB4uZmv8D9qVgvJuyjqBfVv2ihFjmXfUUu3Kj88-Epg_YBact-zsyNwkIpcY8rSTYxCmg0XKQm2Q" 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="/sageandrain/johanna-nick/items/32859737/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_32859734">
      <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/icr7qkwhekif7klv1djuf7ib266w.jpg"
  data-sub-html="<span>SRJN366.jpg</span>"
  data-item-id="32859734"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859734"
>
  <button class="sr-only">View SRJN366.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/icr7qkwhekif7klv1djuf7ib266w.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/icr7qkwhekif7klv1djuf7ib266w.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/icr7qkwhekif7klv1djuf7ib266w.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/icr7qkwhekif7klv1djuf7ib266w.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859734&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN366.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="VrM98XMvQPK8LfeBhZ1Ej_lllKhwL8qMXiHF1yb8dVRjX-mjOdhOVYvOeCxEk3WrYwibNVyslG_QQwz1Q88uyA" 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="/sageandrain/johanna-nick/items/32859734/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_32859733">
      <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/osogmaqmo6s177kjcykxmeuntrnd.jpg"
  data-sub-html="<span>SRJN365.jpg</span>"
  data-item-id="32859733"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859733"
>
  <button class="sr-only">View SRJN365.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/osogmaqmo6s177kjcykxmeuntrnd.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/osogmaqmo6s177kjcykxmeuntrnd.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/osogmaqmo6s177kjcykxmeuntrnd.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/osogmaqmo6s177kjcykxmeuntrnd.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859733&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN365.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="lMwLf63xubktkH6Keuv7x9rc1r1xyN3_VF6uAFFyslChIN8t5wa3Hhpz8Se75crjQLHZIF1LgxzaPGciNEHpzA" 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="/sageandrain/johanna-nick/items/32859733/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_32859723">
      <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/goxan3mlca2vfxbtefnh259pm538.jpg"
  data-sub-html="<span>SRJN364.jpg</span>"
  data-item-id="32859723"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859723"
>
  <button class="sr-only">View SRJN364.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/goxan3mlca2vfxbtefnh259pm538.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/goxan3mlca2vfxbtefnh259pm538.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/goxan3mlca2vfxbtefnh259pm538.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/goxan3mlca2vfxbtefnh259pm538.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859723&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN364.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="EWeJmFQ1noif9IcnXreCsrZ6NHaiVA--Jfue4GnlqNkki13KHsKQL6gXCIqfubOWLBc7647XUV2rmVfCDNbzRQ" 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="/sageandrain/johanna-nick/items/32859723/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_32859720">
      <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/8b6o1xlezptie1e9y0fi9t8ovmeg.jpg"
  data-sub-html="<span>SRJN363.jpg</span>"
  data-item-id="32859720"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859720"
>
  <button class="sr-only">View SRJN363.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8b6o1xlezptie1e9y0fi9t8ovmeg.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/8b6o1xlezptie1e9y0fi9t8ovmeg.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8b6o1xlezptie1e9y0fi9t8ovmeg.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/8b6o1xlezptie1e9y0fi9t8ovmeg.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859720&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN363.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="5pIDTdn7HPFsbpr6RB4kYc5ZOJmmEHuwd76FWBMGounTftcfkwwSVluNFVeFEBVFVDQ3BIqTJVP53Ex6djX5dQ" 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="/sageandrain/johanna-nick/items/32859720/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_32859719">
      <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/k9ahj5o6a034g002i1cpebqxf9ne.jpg"
  data-sub-html="<span>SRJN362.jpg</span>"
  data-item-id="32859719"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859719"
>
  <button class="sr-only">View SRJN362.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/k9ahj5o6a034g002i1cpebqxf9ne.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/k9ahj5o6a034g002i1cpebqxf9ne.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/k9ahj5o6a034g002i1cpebqxf9ne.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/k9ahj5o6a034g002i1cpebqxf9ne.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859719&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN362.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="FKXAKs3Q69lCwiUq6Pve0I_i0ZQqa0cxgTrUZXY-QYkhSRR4hyflfnUhqocp9e_0FY_eCQboGdIPWB1HEw0aFQ" 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="/sageandrain/johanna-nick/items/32859719/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_32859717">
      <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/lcpaarkf5h9w1rcxoutriogh6b95.jpg"
  data-sub-html="<span>SRJN361.jpg</span>"
  data-item-id="32859717"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859717"
>
  <button class="sr-only">View SRJN361.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/lcpaarkf5h9w1rcxoutriogh6b95.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/lcpaarkf5h9w1rcxoutriogh6b95.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/lcpaarkf5h9w1rcxoutriogh6b95.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/lcpaarkf5h9w1rcxoutriogh6b95.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859717&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN361.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="eC6P55OpyB-Hksg47F5sIIqw5I2LxxT458v-65--S9tNwlu12V7GuLBxR5UtUF0EEN3rEKdEShtpqTfJ-o0QRw" 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="/sageandrain/johanna-nick/items/32859717/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_32859716">
      <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/trbfuj9r0kevoce3iz9uapnnvdyv.jpg"
  data-sub-html="<span>SRJN360.jpg</span>"
  data-item-id="32859716"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859716"
>
  <button class="sr-only">View SRJN360.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/trbfuj9r0kevoce3iz9uapnnvdyv.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/trbfuj9r0kevoce3iz9uapnnvdyv.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/trbfuj9r0kevoce3iz9uapnnvdyv.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/trbfuj9r0kevoce3iz9uapnnvdyv.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859716&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN360.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="aQo0XuBLvq-uUJLtV7ok_-Eoge-7AKrZPKaxVTNHkfBc5uAMqrywCJmzHUCWtBXbe0WOcpeD9DqyxHh3VnTKbA" 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="/sageandrain/johanna-nick/items/32859716/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_32859714">
      <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/cfic2m7iqtz75nlysaygqznl8wf2.jpg"
  data-sub-html="<span>SRJN359.jpg</span>"
  data-item-id="32859714"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859714"
>
  <button class="sr-only">View SRJN359.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/cfic2m7iqtz75nlysaygqznl8wf2.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/cfic2m7iqtz75nlysaygqznl8wf2.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/cfic2m7iqtz75nlysaygqznl8wf2.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/cfic2m7iqtz75nlysaygqznl8wf2.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859714&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN359.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="kmI59kM89KsQTmFW10piyLbk_AWIF9dsBIu8wkhdrL2nju2kCcv6DCet7vsWRFPsLInzmKSUiY-K6XXgLW73IQ" 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="/sageandrain/johanna-nick/items/32859714/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_32859712">
      <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/y241aj9u99ziolol68h8bq612xry.jpg"
  data-sub-html="<span>SRJN355.jpg</span>"
  data-item-id="32859712"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859712"
>
  <button class="sr-only">View SRJN355.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/y241aj9u99ziolol68h8bq612xry.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/y241aj9u99ziolol68h8bq612xry.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/y241aj9u99ziolol68h8bq612xry.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/y241aj9u99ziolol68h8bq612xry.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859712&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN355.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="XjYFBclCQow4uFdoSifgH2Vv4JKDLOEcPdobI2gqhKlr2tFXg7VMKw9b2MWLKdE7_wLvD6-vv_-zuNIBDRnfNQ" 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="/sageandrain/johanna-nick/items/32859712/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_32859711">
      <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/gutklw2ynhxfviwjz641ry612vfl.jpg"
  data-sub-html="<span>SRJN358.jpg</span>"
  data-item-id="32859711"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859711"
>
  <button class="sr-only">View SRJN358.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/gutklw2ynhxfviwjz641ry612vfl.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/gutklw2ynhxfviwjz641ry612vfl.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/gutklw2ynhxfviwjz641ry612vfl.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/gutklw2ynhxfviwjz641ry612vfl.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859711&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN358.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="i_lb4NGZTuDKb_mq5-TXnBjH3PWpPm-Yr5kNf3a07q--FY-ym25AR_2Mdgcm6ua4gqrTaIW9MXsh-8RdE4e1Mw" 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="/sageandrain/johanna-nick/items/32859711/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_32859710">
      <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/o051fbm9wkto66c219jb8wecmz21.jpg"
  data-sub-html="<span>SRJN357.jpg</span>"
  data-item-id="32859710"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859710"
>
  <button class="sr-only">View SRJN357.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/o051fbm9wkto66c219jb8wecmz21.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/o051fbm9wkto66c219jb8wecmz21.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/o051fbm9wkto66c219jb8wecmz21.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/o051fbm9wkto66c219jb8wecmz21.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859710&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN357.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="1Rr8U-ldhzt062BrBqY1rOcL_NxZJSgDs149AyWKWubg9igBo6qJnEMI78bHqASIfWbzQXWmduA9PPQhQLkBeg" 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="/sageandrain/johanna-nick/items/32859710/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_32859708">
      <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/4uhc195lfu26ixitilx9paoo5h7g.jpg"
  data-sub-html="<span>SRJN356.jpg</span>"
  data-item-id="32859708"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859708"
>
  <button class="sr-only">View SRJN356.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/4uhc195lfu26ixitilx9paoo5h7g.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/4uhc195lfu26ixitilx9paoo5h7g.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/4uhc195lfu26ixitilx9paoo5h7g.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/4uhc195lfu26ixitilx9paoo5h7g.jpg 2500w" style="aspect-ratio: 1.499222092570984;" 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=32859708&amp;redirect_to=%2Fsageandrain%2Fjohanna-nick"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite SRJN356.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="s0aVvEFQao9-x3l4UK8zfdqO9efkbVgM1OAycIcd54mGqkHuC6dkKEkk9tWRoQJZQOP6esjuBu9agvtS4i68FQ" 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="/sageandrain/johanna-nick/items/32859708/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_476042_next_page"><template>
    <turbo-frame id="section_476042_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="/sageandrain/johanna-nick/media_collection_sections/476042/items?page=7"
  ></a>
</div>

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