<turbo-stream action="append" target="section_476042_medias"><template>
    <turbo-frame id="media_item_32859439">
      <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/borwibn1v66o6ym7ilhgluwgvxte.jpg"
  data-sub-html="<span>SRJN272.jpg</span>"
  data-item-id="32859439"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859439"
>
  <button class="sr-only">View SRJN272.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/borwibn1v66o6ym7ilhgluwgvxte.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/borwibn1v66o6ym7ilhgluwgvxte.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/borwibn1v66o6ym7ilhgluwgvxte.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/borwibn1v66o6ym7ilhgluwgvxte.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=32859439&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 SRJN272.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="60tbvPavpEeLb0osCFYN9mbhV1HtB-fUGoqmI8RkN0fhWa-J0ui7WWdKbgspehz1HIa9VQEtJef7bc09KiR7EA" 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/32859439/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_32859437">
      <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/8kmwd8tdl00xrxi7xwkbizdxmlv8.jpg"
  data-sub-html="<span>SRJN274.jpg</span>"
  data-item-id="32859437"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859437"
>
  <button class="sr-only">View SRJN274.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8kmwd8tdl00xrxi7xwkbizdxmlv8.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/8kmwd8tdl00xrxi7xwkbizdxmlv8.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8kmwd8tdl00xrxi7xwkbizdxmlv8.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/8kmwd8tdl00xrxi7xwkbizdxmlv8.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=32859437&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 SRJN274.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="ts5I6k4zcwJWeKSf041aJq8PVbKnhcbH1jBnu_J61qi83LzfanRsHLpdgLjyoUsl1Wi_tkuvBPQ31wylHDqa_w" 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/32859437/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_32859429">
      <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/f9n774qy7uq7x2i9g5u84krxnhb7.jpg"
  data-sub-html="<span>SRJN271.jpg</span>"
  data-item-id="32859429"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859429"
>
  <button class="sr-only">View SRJN271.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/f9n774qy7uq7x2i9g5u84krxnhb7.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/f9n774qy7uq7x2i9g5u84krxnhb7.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/f9n774qy7uq7x2i9g5u84krxnhb7.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/f9n774qy7uq7x2i9g5u84krxnhb7.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859429&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 SRJN271.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="oNz6eKl08DH40bnj1TZk25D1Gv86L6QmATtwRG6I4Xuqzg5NjTPvLxT0ncT0GnXY6pLw-9YFZhXg3BtagMitLA" 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/32859429/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_32859428">
      <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/73tkm1x6zjfppe3vlfw9yd3f671m.jpg"
  data-sub-html="<span>SRJN270.jpg</span>"
  data-item-id="32859428"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859428"
>
  <button class="sr-only">View SRJN270.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/73tkm1x6zjfppe3vlfw9yd3f671m.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/73tkm1x6zjfppe3vlfw9yd3f671m.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/73tkm1x6zjfppe3vlfw9yd3f671m.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/73tkm1x6zjfppe3vlfw9yd3f671m.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859428&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 SRJN270.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="wC0G2i2GWHOAzHxeuEcOi4eJGiPlTqssew3C_Ze2oknKP_LvCcFHbWzpWHmZax-I_e7wJwlkaR-a6qnjefbuHg" 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/32859428/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_32859421">
      <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/s2o7ra92n7ze611804mzsn7i9bfx.jpg"
  data-sub-html="<span>SRJN267.jpg</span>"
  data-item-id="32859421"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859421"
>
  <button class="sr-only">View SRJN267.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/s2o7ra92n7ze611804mzsn7i9bfx.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/s2o7ra92n7ze611804mzsn7i9bfx.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/s2o7ra92n7ze611804mzsn7i9bfx.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/s2o7ra92n7ze611804mzsn7i9bfx.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859421&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 SRJN267.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="DV8mrsbuO4_W4lDKK3K9rfwDyYRYxRBtSy0MgikUx1IHTdKb4qkkkTrHdO0KXqyuhmQjgLTv0l6qymecx1SLBQ" 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/32859421/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_32859417">
      <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/ophuvpvlgiwxh0gemxuy37af82l9.jpg"
  data-sub-html="<span>SRJN269.jpg</span>"
  data-item-id="32859417"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859417"
>
  <button class="sr-only">View SRJN269.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ophuvpvlgiwxh0gemxuy37af82l9.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/ophuvpvlgiwxh0gemxuy37af82l9.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ophuvpvlgiwxh0gemxuy37af82l9.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/ophuvpvlgiwxh0gemxuy37af82l9.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859417&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 SRJN269.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="-qqUBS1TxhGZ3G-xfjtYMtSLC6FVhbYGUenv4KoNgb3wuGAwCRTZD3X5S5ZfF0kxruzhpbmvdDWwDoT-RE3N6g" 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/32859417/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_32859416">
      <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/w3owctmgg5x8rj2bsprjdjbpyzqt.jpg"
  data-sub-html="<span>SRJN268.jpg</span>"
  data-item-id="32859416"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859416"
>
  <button class="sr-only">View SRJN268.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/w3owctmgg5x8rj2bsprjdjbpyzqt.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/w3owctmgg5x8rj2bsprjdjbpyzqt.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/w3owctmgg5x8rj2bsprjdjbpyzqt.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/w3owctmgg5x8rj2bsprjdjbpyzqt.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859416&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 SRJN268.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="PyxPiqwJYgDfh2BxWXJyGCU_ymj0AWvuyZ-z-VkS25I1Pru_iE59HjOiRFZ4XmMbX1ggbBgrqd0oeNjnt1KXxQ" 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/32859416/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_32859414">
      <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/302qbww1h1zozljjzl890u2i703p.jpg"
  data-sub-html="<span>SRJN265.jpg</span>"
  data-item-id="32859414"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859414"
>
  <button class="sr-only">View SRJN265.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/302qbww1h1zozljjzl890u2i703p.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/302qbww1h1zozljjzl890u2i703p.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/302qbww1h1zozljjzl890u2i703p.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/302qbww1h1zozljjzl890u2i703p.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859414&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 SRJN265.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="Cvj-8ghLqn7c31dpUeTP2qmMP7GOCng_W-QdkbQaYEwA6grHLAy1YDD6c05wyN7Z0-vVtWIgugy6A3aPWlosGw" 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/32859414/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_32859413">
      <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/88jpk3l4jglm7hsxk3ls1cfan601.jpg"
  data-sub-html="<span>SRJN266.jpg</span>"
  data-item-id="32859413"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859413"
>
  <button class="sr-only">View SRJN266.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/88jpk3l4jglm7hsxk3ls1cfan601.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/88jpk3l4jglm7hsxk3ls1cfan601.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/88jpk3l4jglm7hsxk3ls1cfan601.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/88jpk3l4jglm7hsxk3ls1cfan601.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859413&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 SRJN266.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="VzXfVDMijK7Ikm7I3vCN5UTjSRsreAqqjnguMgZ_QWZdJythF2WTsCS3Su__3JzmPoSjH8dSyJlvn0Us6D8NMQ" 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/32859413/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_32859412">
      <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/5mr7pwbamud55znn1spi1xlt1dqq.jpg"
  data-sub-html="<span>SRJN264.jpg</span>"
  data-item-id="32859412"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859412"
>
  <button class="sr-only">View SRJN264.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/5mr7pwbamud55znn1spi1xlt1dqq.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/5mr7pwbamud55znn1spi1xlt1dqq.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/5mr7pwbamud55znn1spi1xlt1dqq.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/5mr7pwbamud55znn1spi1xlt1dqq.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859412&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 SRJN264.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="Ziw5ecjo0peZFBKNsffS_NkuNRXwbHp9vDJLUDmtaGxsPs1M7K_NiXUxNqqQ28P_o0nfERxGuE5d1SBO1-0kOw" 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/32859412/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_32859402">
      <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/xek87w24fdvbbik0b6xfqwvzmcdz.jpg"
  data-sub-html="<span>SRJN262.jpg</span>"
  data-item-id="32859402"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859402"
>
  <button class="sr-only">View SRJN262.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/xek87w24fdvbbik0b6xfqwvzmcdz.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/xek87w24fdvbbik0b6xfqwvzmcdz.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/xek87w24fdvbbik0b6xfqwvzmcdz.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/xek87w24fdvbbik0b6xfqwvzmcdz.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859402&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 SRJN262.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="C74y1I8AdLABEYhEXJ0tmu8unH-hvskd8i0jHyekZT4BrMbhq0drru00rGN9sTyZlUl2e02UCy4TykgByeQpaQ" 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/32859402/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_32859401">
      <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/1pjcw94mgsemho6rjt4yffbepow4.jpg"
  data-sub-html="<span>SRJN263.jpg</span>"
  data-item-id="32859401"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859401"
>
  <button class="sr-only">View SRJN263.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/1pjcw94mgsemho6rjt4yffbepow4.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/1pjcw94mgsemho6rjt4yffbepow4.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/1pjcw94mgsemho6rjt4yffbepow4.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/1pjcw94mgsemho6rjt4yffbepow4.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859401&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 SRJN263.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="a6fpuSprbAS0PhCmQfoM6CnAC8sVGlWAJ7lACzbJdLhhtR2MDixzGlgbNIFg1h3rU6fhz_kwl7PGXisV2Ik47w" 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/32859401/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_32859399">
      <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/hypvics6lt3s67viaolm6oy4q3ja.jpg"
  data-sub-html="<span>SRJN261.jpg</span>"
  data-item-id="32859399"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859399"
>
  <button class="sr-only">View SRJN261.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/hypvics6lt3s67viaolm6oy4q3ja.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/hypvics6lt3s67viaolm6oy4q3ja.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/hypvics6lt3s67viaolm6oy4q3ja.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/hypvics6lt3s67viaolm6oy4q3ja.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859399&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 SRJN261.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="9brEl7KmeNL4pRTCSMiWa4M2tsDI0CvRX4HOaK4FmPb_qDCiluFnzBSAMOVp5Ido-VFcxCT66eK-ZqV2QEXUoQ" 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/32859399/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_32859398">
      <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/gcw18uuf5gjskgaw4ruqu03gyy0r.jpg"
  data-sub-html="<span>SRJN260.jpg</span>"
  data-item-id="32859398"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859398"
>
  <button class="sr-only">View SRJN260.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/gcw18uuf5gjskgaw4ruqu03gyy0r.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/gcw18uuf5gjskgaw4ruqu03gyy0r.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/gcw18uuf5gjskgaw4ruqu03gyy0r.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/gcw18uuf5gjskgaw4ruqu03gyy0r.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859398&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 SRJN260.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="utr2XuNGVKxcTs3_2ZvUjSd3i6KZumaZ_UMK3QKcI5WwyAJrxwFLsrBr6dj4t8WOXRBhpnWQpKocpGHD7Nxvwg" 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/32859398/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_32859397">
      <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/b2nz97zjwc2zwbx02ap0tm1wh1nl.jpg"
  data-sub-html="<span>SRJN259.jpg</span>"
  data-item-id="32859397"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859397"
>
  <button class="sr-only">View SRJN259.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/b2nz97zjwc2zwbx02ap0tm1wh1nl.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/b2nz97zjwc2zwbx02ap0tm1wh1nl.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/b2nz97zjwc2zwbx02ap0tm1wh1nl.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/b2nz97zjwc2zwbx02ap0tm1wh1nl.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859397&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 SRJN259.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="xfnGvLCN8g4Msy0e7rafK3l8GLQj394PWGkGRcLM863P6zKJlMrtEOCWCTnPmo4oAxvysM_1HDy5jm1bLIy_-g" 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/32859397/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_32859396">
      <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/n09i5ytjpg77utjz3j2rpmz1u55z.jpg"
  data-sub-html="<span>SRJN258.jpg</span>"
  data-item-id="32859396"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859396"
>
  <button class="sr-only">View SRJN258.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/n09i5ytjpg77utjz3j2rpmz1u55z.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/n09i5ytjpg77utjz3j2rpmz1u55z.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/n09i5ytjpg77utjz3j2rpmz1u55z.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/n09i5ytjpg77utjz3j2rpmz1u55z.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859396&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 SRJN258.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="hkXjgNDyAMhh-Sm1Te2o3XatElsq9n6HQ5LdNkYhPHSMVxe19LUf1o3cDZJswbneDMr4X8bcvLSidbYoqGFwIw" 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/32859396/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_32859392">
      <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/w90u7ccle0qoygvxq1jgb6ficqyt.jpg"
  data-sub-html="<span>SRJN256.jpg</span>"
  data-item-id="32859392"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859392"
>
  <button class="sr-only">View SRJN256.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/w90u7ccle0qoygvxq1jgb6ficqyt.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/w90u7ccle0qoygvxq1jgb6ficqyt.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/w90u7ccle0qoygvxq1jgb6ficqyt.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/w90u7ccle0qoygvxq1jgb6ficqyt.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859392&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 SRJN256.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="-Q8c7e_VS7l562Wx6tbXJ4gerRnSRSpj75uC-uSYD5bzHejYy5JUp5XOQZbL-sYk8nlHHT5v6FAOfOnkCthDwQ" 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/32859392/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_32859390">
      <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/xn6cc46zrawu3g89nsi2jemn5vgo.jpg"
  data-sub-html="<span>SRJN257.jpg</span>"
  data-item-id="32859390"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859390"
>
  <button class="sr-only">View SRJN257.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/xn6cc46zrawu3g89nsi2jemn5vgo.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/xn6cc46zrawu3g89nsi2jemn5vgo.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/xn6cc46zrawu3g89nsi2jemn5vgo.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/xn6cc46zrawu3g89nsi2jemn5vgo.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859390&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 SRJN257.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="ygxMPF1ATcGpK2jY54q8dHgixEosRBHDxNAO5ZBAOSvAHrgJeQdS30UOTP_Gpq13AkUuTsBu0_AlN2X7fgB1fA" 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/32859390/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_32859389">
      <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/wrnofkyh51486wz9tt4px9x5o1v3.jpg"
  data-sub-html="<span>SRJN255.jpg</span>"
  data-item-id="32859389"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859389"
>
  <button class="sr-only">View SRJN255.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/wrnofkyh51486wz9tt4px9x5o1v3.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/wrnofkyh51486wz9tt4px9x5o1v3.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/wrnofkyh51486wz9tt4px9x5o1v3.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/wrnofkyh51486wz9tt4px9x5o1v3.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859389&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 SRJN255.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="Y9orLHBLMq6miJcrjCRiJvjsqJngvaOiEYctkAmQ4pJpyN8ZVAwtsEqtswytCHMlgotCnQyXYZHwYEaO59CuxQ" 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/32859389/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_32859388">
      <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/jceuhn9m1ia3b5dbpctv4d1tcnai.jpg"
  data-sub-html="<span>SRJN254.jpg</span>"
  data-item-id="32859388"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859388"
>
  <button class="sr-only">View SRJN254.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jceuhn9m1ia3b5dbpctv4d1tcnai.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/jceuhn9m1ia3b5dbpctv4d1tcnai.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jceuhn9m1ia3b5dbpctv4d1tcnai.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/jceuhn9m1ia3b5dbpctv4d1tcnai.jpg 2500w" style="aspect-ratio: 1.499152063312606;" 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=32859388&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 SRJN254.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="5vACXoC2vHWu6P-ya7UUhuPbjrr6BWYvzkLB7qPNmVzs4vZrpPGja0LN25VKmQWFmbxkvhYvpBwvparwTY3VCw" 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/32859388/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=12"
  ></a>
</div>

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