<turbo-stream action="append" target="section_476042_medias"><template>
    <turbo-frame id="media_item_32859673">
      <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/itac4bb4291tey3lbatoyb9faytc.jpg"
  data-sub-html="<span>SRJN333.jpg</span>"
  data-item-id="32859673"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859673"
>
  <button class="sr-only">View SRJN333.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/itac4bb4291tey3lbatoyb9faytc.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/itac4bb4291tey3lbatoyb9faytc.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/itac4bb4291tey3lbatoyb9faytc.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/itac4bb4291tey3lbatoyb9faytc.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=32859673&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 SRJN333.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="AbZCEjiASyZehSl6zKU8Fm3kVjxAITEhRTfYZVL0JqQCjKd8MSnZ6Tt4syR0y3OycVeHF_mToKs2sMTq15JFXw" 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/32859673/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_32859668">
      <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/3mppzt4cdogncnm60uoxxsf6rrof.jpg"
  data-sub-html="<span>SRJN332.jpg</span>"
  data-item-id="32859668"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859668"
>
  <button class="sr-only">View SRJN332.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/3mppzt4cdogncnm60uoxxsf6rrof.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/3mppzt4cdogncnm60uoxxsf6rrof.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/3mppzt4cdogncnm60uoxxsf6rrof.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/3mppzt4cdogncnm60uoxxsf6rrof.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=32859668&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 SRJN332.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="l1RiWJCZiQKnBB5quTqMEtxpkI7YX1IG7p5d7x0fkjiUboc2mTAbzcL5hDQBVMO2wNpBpWHtw4ydGUFgmHnxww" 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/32859668/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_32859667">
      <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/6jncf1pergu9uh9827vlfa1zihb4.jpg"
  data-sub-html="<span>SRJN331.jpg</span>"
  data-item-id="32859667"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859667"
>
  <button class="sr-only">View SRJN331.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/6jncf1pergu9uh9827vlfa1zihb4.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/6jncf1pergu9uh9827vlfa1zihb4.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/6jncf1pergu9uh9827vlfa1zihb4.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/6jncf1pergu9uh9827vlfa1zihb4.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=32859667&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 SRJN331.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="vUuWHho8Pfemeig_oyzxdaoz2KCJUAl8_kQBZDVtYru-cXNwE5WvOMOHsmEbQr7RtoAJizDimPaNwx3rsAsBQA" 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/32859667/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_32859666">
      <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/77reodkirw292sn8802wi8ytjfgx.jpg"
  data-sub-html="<span>SRJN330.jpg</span>"
  data-item-id="32859666"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859666"
>
  <button class="sr-only">View SRJN330.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/77reodkirw292sn8802wi8ytjfgx.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/77reodkirw292sn8802wi8ytjfgx.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/77reodkirw292sn8802wi8ytjfgx.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/77reodkirw292sn8802wi8ytjfgx.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=32859666&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 SRJN330.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="kSghMTzD8IY75x-UBirM_rs5GUWIiho8e9gC0XJIxZGSEsRfNWpiSV4ahcq-RINap4rIbjE4i7YIXx5e9y6mag" 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/32859666/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_32859663">
      <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/9h1ssb1c9u2c1df7ughzo8lztfgl.jpg"
  data-sub-html="<span>SRJN329.jpg</span>"
  data-item-id="32859663"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859663"
>
  <button class="sr-only">View SRJN329.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/9h1ssb1c9u2c1df7ughzo8lztfgl.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/9h1ssb1c9u2c1df7ughzo8lztfgl.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/9h1ssb1c9u2c1df7ughzo8lztfgl.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/9h1ssb1c9u2c1df7ughzo8lztfgl.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=32859663&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 SRJN329.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="MPNZ0qFrIDPsizlNyI5Yl-r9icvRBXWaM6WVF9wC6Yszyby8qMKy_Il2oxNw4Bcz9k5Y4Gi35BBAIomYWWSKcA" 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/32859663/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_32859662">
      <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/2uh90ilne7y3wv75j9pm0hmipfut.jpg"
  data-sub-html="<span>SRJN328.jpg</span>"
  data-item-id="32859662"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859662"
>
  <button class="sr-only">View SRJN328.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/2uh90ilne7y3wv75j9pm0hmipfut.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/2uh90ilne7y3wv75j9pm0hmipfut.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/2uh90ilne7y3wv75j9pm0hmipfut.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/2uh90ilne7y3wv75j9pm0hmipfut.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859662&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 SRJN328.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="X7UI91Nv-_qcsUkZgmwWjhkxqEF2yplHn81CbdYzb-tcj-2ZWsZpNflM00c6AlkqBYJ5as94CM3sSl7iU1UMEA" 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/32859662/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_32859658">
      <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/4ki01bw3dsixq5yij1zkn88mt41n.jpg"
  data-sub-html="<span>SRJN327.jpg</span>"
  data-item-id="32859658"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859658"
>
  <button class="sr-only">View SRJN327.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/4ki01bw3dsixq5yij1zkn88mt41n.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/4ki01bw3dsixq5yij1zkn88mt41n.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/4ki01bw3dsixq5yij1zkn88mt41n.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/4ki01bw3dsixq5yij1zkn88mt41n.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859658&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 SRJN327.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="e1RDu0SjK3mk10roOOxt7T--_ATT5Y6KCLbiV39OcaN4bqbVTQq5tsEq0LaAgiJJIw0tL2pXHwB7Mf7Y-igSWA" 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/32859658/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_32859654">
      <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/8x5ztdpuowyv4vx89bz87p4wh57u.jpg"
  data-sub-html="<span>SRJN324.jpg</span>"
  data-item-id="32859654"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859654"
>
  <button class="sr-only">View SRJN324.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8x5ztdpuowyv4vx89bz87p4wh57u.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/8x5ztdpuowyv4vx89bz87p4wh57u.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8x5ztdpuowyv4vx89bz87p4wh57u.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/8x5ztdpuowyv4vx89bz87p4wh57u.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859654&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 SRJN324.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="VYlDs1NCMUvj5Z0t1ZqhqelKg3Hx5Eq_5sY-nVx2POdWs6bdWuujhIYYB3Nt9O4N9flSWkhW2zWVQSIS2RBfHA" 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/32859654/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_32859653">
      <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/icq1v9fqsg14h51utwk1k0540p0h.jpg"
  data-sub-html="<span>SRJN326.jpg</span>"
  data-item-id="32859653"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859653"
>
  <button class="sr-only">View SRJN326.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/icq1v9fqsg14h51utwk1k0540p0h.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/icq1v9fqsg14h51utwk1k0540p0h.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/icq1v9fqsg14h51utwk1k0540p0h.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/icq1v9fqsg14h51utwk1k0540p0h.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859653&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 SRJN326.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="30bxG8Z8JFRX34API_gTaTGc8d-hjVrM6N_JM8E9TNncfBR1z9W2mzIiGlGbllzNLS8g9Bg_y0abWNW8RFsvIg" 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/32859653/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_32859652">
      <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/denhaezeiqyaxwkljttxpi2t8nl6.jpg"
  data-sub-html="<span>SRJN325.jpg</span>"
  data-item-id="32859652"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859652"
>
  <button class="sr-only">View SRJN325.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/denhaezeiqyaxwkljttxpi2t8nl6.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/denhaezeiqyaxwkljttxpi2t8nl6.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/denhaezeiqyaxwkljttxpi2t8nl6.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/denhaezeiqyaxwkljttxpi2t8nl6.jpg 2500w" style="aspect-ratio: 0.6670673076923077;" 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=32859652&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 SRJN325.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="dgZhYUDoSqba1UXiClnmr8ryprLkOmw14Y6Znnn04pV1PIQPSUHYab8o37yyN6kL1kF3mV2I_b-SCYUR_JKBbg" 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/32859652/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_32859648">
      <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/0fmlh9u7tr8yoy0mr4zj7qw441ny.jpg"
  data-sub-html="<span>SRJN323.jpg</span>"
  data-item-id="32859648"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859648"
>
  <button class="sr-only">View SRJN323.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/0fmlh9u7tr8yoy0mr4zj7qw441ny.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/0fmlh9u7tr8yoy0mr4zj7qw441ny.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/0fmlh9u7tr8yoy0mr4zj7qw441ny.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/0fmlh9u7tr8yoy0mr4zj7qw441ny.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859648&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 SRJN323.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="Qy_2mqU4_d4SNupNMpho_s_K_AKF02fyMtszxzI8tNlAFRP0rJFvEXfLcBOK9ida03ktKTxh9nhBXC9It1rXIg" 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/32859648/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_32859646">
      <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/u7w6sdoxc6oljet10yywlrl1l5ap.jpg"
  data-sub-html="<span>SRJN322.jpg</span>"
  data-item-id="32859646"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859646"
>
  <button class="sr-only">View SRJN322.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/u7w6sdoxc6oljet10yywlrl1l5ap.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/u7w6sdoxc6oljet10yywlrl1l5ap.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/u7w6sdoxc6oljet10yywlrl1l5ap.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/u7w6sdoxc6oljet10yywlrl1l5ap.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859646&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 SRJN322.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="yOKhRLX1xc_IjjoW8XFeHI2Wr8nruLV0LBFlrQBj4ynL2EQqvFxXAK1zoEhJHxG4kSV-4lIKJP5flnkihQWA0g" 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/32859646/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_32859645">
      <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/lt0viv3aky8e3vbidcwhbhtihj6v.jpg"
  data-sub-html="<span>SRJN321.jpg</span>"
  data-item-id="32859645"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859645"
>
  <button class="sr-only">View SRJN321.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/lt0viv3aky8e3vbidcwhbhtihj6v.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/lt0viv3aky8e3vbidcwhbhtihj6v.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/lt0viv3aky8e3vbidcwhbhtihj6v.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/lt0viv3aky8e3vbidcwhbhtihj6v.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859645&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 SRJN321.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="Za2GExAX0orSvyFT-lHAaub-kQO9srN7abEbRDfRO0pml2N9Gb5ARbdCuw1CP4_O-k1AKAQAIvEaNgfLsrdYsQ" 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/32859645/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_32859640">
      <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/j155iz220hnryixw7b0qut861sml.jpg"
  data-sub-html="<span>SRJN318.jpg</span>"
  data-item-id="32859640"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859640"
>
  <button class="sr-only">View SRJN318.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/j155iz220hnryixw7b0qut861sml.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/j155iz220hnryixw7b0qut861sml.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/j155iz220hnryixw7b0qut861sml.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/j155iz220hnryixw7b0qut861sml.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859640&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 SRJN318.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="dx5xl57pgNCcnLfcgGKn9oaSickV0YgjOFcfTURCsv90JJT5l0ASH_lhLYI4DOhSmiFY4qxjGalL0APCwSTRBA" 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/32859640/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_32859639">
      <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/a2h84ly08qjss9nk9wnl0bjntakc.jpg"
  data-sub-html="<span>SRJN320.jpg</span>"
  data-item-id="32859639"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859639"
>
  <button class="sr-only">View SRJN320.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/a2h84ly08qjss9nk9wnl0bjntakc.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/a2h84ly08qjss9nk9wnl0bjntakc.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/a2h84ly08qjss9nk9wnl0bjntakc.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/a2h84ly08qjss9nk9wnl0bjntakc.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859639&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 SRJN320.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="6_P77A-DoAXCJg1eP3jGF0VgZvREvS5AoHx48fdT8eXoyR6CBioyyqfblwCHFomzWdO33_0Pv8rT-2R-cjWSHg" 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/32859639/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_32859636">
      <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/1705nqo1pqcu3sr92hmncla92fj2.jpg"
  data-sub-html="<span>SRJN317.jpg</span>"
  data-item-id="32859636"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859636"
>
  <button class="sr-only">View SRJN317.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/1705nqo1pqcu3sr92hmncla92fj2.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/1705nqo1pqcu3sr92hmncla92fj2.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/1705nqo1pqcu3sr92hmncla92fj2.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/1705nqo1pqcu3sr92hmncla92fj2.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859636&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 SRJN317.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="ddo2qPTQkUQy-lwCiHtuVNwh_hqGdC9D6PFdx_O6dm524NPG_XkDi1cHxlwwFSHwwJIvMT_GvsmbdkFIdtwVlQ" 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/32859636/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_32859633">
      <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/sdbu9zj47qvagpwwfj3aipn0073b.jpg"
  data-sub-html="<span>SRJN319.jpg</span>"
  data-item-id="32859633"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859633"
>
  <button class="sr-only">View SRJN319.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/sdbu9zj47qvagpwwfj3aipn0073b.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/sdbu9zj47qvagpwwfj3aipn0073b.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/sdbu9zj47qvagpwwfj3aipn0073b.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/sdbu9zj47qvagpwwfj3aipn0073b.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859633&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 SRJN319.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="DfPhcty4PT__c-3Rx-yusnHJwpKXqo-IceyRuU5Ae2gOyQQc1RGv8JqOd49_guEWbXoTuS4YHgICa402yyYYkw" 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/32859633/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_32859631">
      <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/ub9rd65wkxr6jnihrnhcf0yposxi.jpg"
  data-sub-html="<span>SRJN316.jpg</span>"
  data-item-id="32859631"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859631"
>
  <button class="sr-only">View SRJN316.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ub9rd65wkxr6jnihrnhcf0yposxi.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/ub9rd65wkxr6jnihrnhcf0yposxi.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ub9rd65wkxr6jnihrnhcf0yposxi.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/ub9rd65wkxr6jnihrnhcf0yposxi.jpg 2500w" style="aspect-ratio: 0.6670125826955506;" 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=32859631&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 SRJN316.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="JpkVSSS38lICMXRCJp4h1Ne3uUlUf6zwTnUj5MH_mXslo_AnLR5gnWfM7hye8G5wywRoYu3NPXo98j9rRJn6gA" 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/32859631/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_32859629">
      <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/3n8wu2g1uacy7mh85v285dj4lq9j.jpg"
  data-sub-html="<span>SRJN315.jpg</span>"
  data-item-id="32859629"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859629"
>
  <button class="sr-only">View SRJN315.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/3n8wu2g1uacy7mh85v285dj4lq9j.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/3n8wu2g1uacy7mh85v285dj4lq9j.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/3n8wu2g1uacy7mh85v285dj4lq9j.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/3n8wu2g1uacy7mh85v285dj4lq9j.jpg 2500w" style="aspect-ratio: 0.6669838249286394;" 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=32859629&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 SRJN315.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="dOjAXZPXCv060ud2zruyxpQSgbZWcgEojZ9BQKVOmFF30iUzmn6YMl8vfSh21f1iiKFQne_AkKL-GF3PICj7qg" 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/32859629/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_32859628">
      <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/olnp3twvzgpr6nrxcao6qsk3pxyu.jpg"
  data-sub-html="<span>SRJN314.jpg</span>"
  data-item-id="32859628"
  data-item-turbo-frame-url="/sageandrain/johanna-nick/items/32859628"
>
  <button class="sr-only">View SRJN314.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/olnp3twvzgpr6nrxcao6qsk3pxyu.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/olnp3twvzgpr6nrxcao6qsk3pxyu.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/olnp3twvzgpr6nrxcao6qsk3pxyu.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/olnp3twvzgpr6nrxcao6qsk3pxyu.jpg 2500w" style="aspect-ratio: 0.6670721816707218;" 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=32859628&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 SRJN314.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="dGOiNVIYlYSj0jDSfz6BsQJqCpDZiKz-rMMP8b3lrqh3WUdbW7EHS8YvqozHUM4VHtnbu2A6PXTfRBN-OIPNUw" 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/32859628/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=9"
  ></a>
</div>

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