<turbo-stream action="append" target="section_1468516_medias"><template>
    <turbo-frame id="media_item_92102584">
      <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/b2gty2z7p83ss83qezxkou3rhcjm.jpg"
  data-sub-html="<span>DSC_3825.jpg</span>"
  data-item-id="92102584"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102584"
>
  <button class="sr-only">View DSC_3825.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/b2gty2z7p83ss83qezxkou3rhcjm.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/b2gty2z7p83ss83qezxkou3rhcjm.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/b2gty2z7p83ss83qezxkou3rhcjm.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/b2gty2z7p83ss83qezxkou3rhcjm.jpg 2500w" style="aspect-ratio: 1.5002788622420524;" 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=92102584&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3825.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="6OHWv_V9XBlaXdNJku9xhWhBl-_x-wR1k_0RLwSA83j7JWo-20QEWyjui-GicTV4G2Q1zDpNAO-StNxd2D5RJg" 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="/cloverandcoastphotography/the-roseto-s/items/92102584/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_92102583">
      <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/7507e2bkrimywu9ewt1lllyyvnjw.jpg"
  data-sub-html="<span>DSC_3830.jpg</span>"
  data-item-id="92102583"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102583"
>
  <button class="sr-only">View DSC_3830.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/7507e2bkrimywu9ewt1lllyyvnjw.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/7507e2bkrimywu9ewt1lllyyvnjw.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/7507e2bkrimywu9ewt1lllyyvnjw.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/7507e2bkrimywu9ewt1lllyyvnjw.jpg 2500w" style="aspect-ratio: 1.5001402524544178;" 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=92102583&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3830.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="_xkCgU7RlGRr449AFTR9mTs-dS5QkWDO9N9N3RbPR8Ds3b4AYOjMJhlQ1-glqjlkSBvXDZsnZFT1loCvynHlng" 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="/cloverandcoastphotography/the-roseto-s/items/92102583/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_92102582">
      <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/8m4y1s9sc1qyhi2f5obnlbnqfaa1.jpg"
  data-sub-html="<span>DSC_3888-Edit.jpg</span>"
  data-item-id="92102582"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102582"
>
  <button class="sr-only">View DSC_3888-Edit.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8m4y1s9sc1qyhi2f5obnlbnqfaa1.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/8m4y1s9sc1qyhi2f5obnlbnqfaa1.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/8m4y1s9sc1qyhi2f5obnlbnqfaa1.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/8m4y1s9sc1qyhi2f5obnlbnqfaa1.jpg 2500w" style="aspect-ratio: 0.666501976284585;" 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=92102582&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3888-Edit.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="x8OGjUWH7rAKqtLvjR8HkRGDEpHb2UmiOKvOV87W57vUBzoMa7628ngZike9gUNsYqawshBvTTg54gMlEmhF5Q" 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="/cloverandcoastphotography/the-roseto-s/items/92102582/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_92102579">
      <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/s7vggly0rc6g4t1n6992kztf39k2.jpg"
  data-sub-html="<span>DSC_3894.jpg</span>"
  data-item-id="92102579"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102579"
>
  <button class="sr-only">View DSC_3894.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/s7vggly0rc6g4t1n6992kztf39k2.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/s7vggly0rc6g4t1n6992kztf39k2.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/s7vggly0rc6g4t1n6992kztf39k2.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/s7vggly0rc6g4t1n6992kztf39k2.jpg 2500w" style="aspect-ratio: 1.5;" 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=92102579&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3894.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="_4m7V0SD3heUPnZaIOXoV1efE0pEenEG73DtgmmU-jbsTQfWarqGVeaNLvIQe6yqJLqxaY_MdZzuOSDwtSpYaA" 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="/cloverandcoastphotography/the-roseto-s/items/92102579/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_92102577">
      <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/viurnnn1gv9l1zb18ojyk4io8cty.jpg"
  data-sub-html="<span>DSC_3928.jpg</span>"
  data-item-id="92102577"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102577"
>
  <button class="sr-only">View DSC_3928.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/viurnnn1gv9l1zb18ojyk4io8cty.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/viurnnn1gv9l1zb18ojyk4io8cty.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/viurnnn1gv9l1zb18ojyk4io8cty.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/viurnnn1gv9l1zb18ojyk4io8cty.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=92102577&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3928.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="_ZEfe30NhTAvAXGUEZnsmThGKGvtMLW61CjMCLde2F7uVaP6UzTdcl2yKTwhB6hkS2OKSCaGsSDVYQF6a-B6AA" 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="/cloverandcoastphotography/the-roseto-s/items/92102577/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_92102576">
      <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/7naiedaapry8ex31xo7ul8lp1u61.jpg"
  data-sub-html="<span>DSC_4062.jpg</span>"
  data-item-id="92102576"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102576"
>
  <button class="sr-only">View DSC_4062.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/7naiedaapry8ex31xo7ul8lp1u61.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/7naiedaapry8ex31xo7ul8lp1u61.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/7naiedaapry8ex31xo7ul8lp1u61.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/7naiedaapry8ex31xo7ul8lp1u61.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=92102576&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4062.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="WGdUrWxca-CcIkhvIv9p9N7ue14hIrOmRBTwDVA95EhLo-gsQmUzou6REMcSYS0JrcvZfeqUtzxFXT1_jINGFg" 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="/cloverandcoastphotography/the-roseto-s/items/92102576/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_92102571">
      <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/cux1zxglo231ku5uj4goxnoobfr5.jpg"
  data-sub-html="<span>DSC_3917.jpg</span>"
  data-item-id="92102571"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102571"
>
  <button class="sr-only">View DSC_3917.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/cux1zxglo231ku5uj4goxnoobfr5.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/cux1zxglo231ku5uj4goxnoobfr5.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/cux1zxglo231ku5uj4goxnoobfr5.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/cux1zxglo231ku5uj4goxnoobfr5.jpg 2500w" style="aspect-ratio: 1.5002267573696144;" 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=92102571&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3917.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="6HzVw0as67sqEV-PTJ_FHgBsKoeM2pUUQxOp1CGKH0L7uGlCaJWz-ViiByd8AYHjc0mIpEdskY5CWmSm_TS9HA" 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="/cloverandcoastphotography/the-roseto-s/items/92102571/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_92102563">
      <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/m4uq4xp5xs75ekofymfjoh7d4tbs.jpg"
  data-sub-html="<span>DSC_4048.jpg</span>"
  data-item-id="92102563"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102563"
>
  <button class="sr-only">View DSC_4048.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/m4uq4xp5xs75ekofymfjoh7d4tbs.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/m4uq4xp5xs75ekofymfjoh7d4tbs.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/m4uq4xp5xs75ekofymfjoh7d4tbs.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/m4uq4xp5xs75ekofymfjoh7d4tbs.jpg 2500w" style="aspect-ratio: 0.6666014478575621;" 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=92102563&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4048.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="6c0rLJJgudUWblQ0xf74QDc9kGKw7P7XkcLm3z92fNX6CZetvFnhl2TdDJz1YLy9RBgyQXta-k2Qiyut48jeiw" 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="/cloverandcoastphotography/the-roseto-s/items/92102563/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_92102570">
      <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/5f6i9zkyvjt6got0e7qr3ljol1c4.jpg"
  data-sub-html="<span>DSC_3933.jpg</span>"
  data-item-id="92102570"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102570"
>
  <button class="sr-only">View DSC_3933.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/5f6i9zkyvjt6got0e7qr3ljol1c4.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/5f6i9zkyvjt6got0e7qr3ljol1c4.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/5f6i9zkyvjt6got0e7qr3ljol1c4.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/5f6i9zkyvjt6got0e7qr3ljol1c4.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=92102570&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3933.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="2tbyo5QLljFlRO_dm44je9Ft2jm3noTIXk3pDymY_jDJEk4iujLOcxf3t3WrEGeGokh4GnwogFJfBCR99SZcbg" 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="/cloverandcoastphotography/the-roseto-s/items/92102570/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_92102566">
      <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/fq57p5i1gzqrkdeya4j4abod1gnv.jpg"
  data-sub-html="<span>DSC_4034.jpg</span>"
  data-item-id="92102566"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102566"
>
  <button class="sr-only">View DSC_4034.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/fq57p5i1gzqrkdeya4j4abod1gnv.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/fq57p5i1gzqrkdeya4j4abod1gnv.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/fq57p5i1gzqrkdeya4j4abod1gnv.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/fq57p5i1gzqrkdeya4j4abod1gnv.jpg 2500w" style="aspect-ratio: 1.49987254652052;" 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=92102566&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4034.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="nAp_eXHOwVTdquuRBl9EmncQ3BKFstb-xASaLlmKsHqPzsP4X_eZFq8Zszk2wQBnBDV-MU4E0mTFTVdchTQSJA" 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="/cloverandcoastphotography/the-roseto-s/items/92102566/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_92102569">
      <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/06t2bizgv45gixznkyr5t838vy0p.jpg"
  data-sub-html="<span>DSC_3946.jpg</span>"
  data-item-id="92102569"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102569"
>
  <button class="sr-only">View DSC_3946.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/06t2bizgv45gixznkyr5t838vy0p.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/06t2bizgv45gixznkyr5t838vy0p.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/06t2bizgv45gixznkyr5t838vy0p.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/06t2bizgv45gixznkyr5t838vy0p.jpg 2500w" style="aspect-ratio: 1.4997552618697993;" 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=92102569&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3946.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="3hbKbHbNRjrr9RrwMFa9yEAy34vEhryz3daXtWFv2hzN0nbtWPQeeJlGQlgAyPk1Mxd9qA8wuCncn1rHvdF4Qg" 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="/cloverandcoastphotography/the-roseto-s/items/92102569/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_92102565">
      <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/h231vgoetp9xxuq6yimg619xkqd4.jpg"
  data-sub-html="<span>DSC_3973.jpg</span>"
  data-item-id="92102565"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102565"
>
  <button class="sr-only">View DSC_3973.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/h231vgoetp9xxuq6yimg619xkqd4.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/h231vgoetp9xxuq6yimg619xkqd4.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/h231vgoetp9xxuq6yimg619xkqd4.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/h231vgoetp9xxuq6yimg619xkqd4.jpg 2500w" style="aspect-ratio: 0.6665970336327554;" 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=92102565&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3973.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="pXU3gujo0vafVRHTXxo1-w6lLwsy1rW445N5WOVYREy2sYsDxtGKtO3mSXtvhHEGfYCNKPlgsSLi2rQqOebmEg" 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="/cloverandcoastphotography/the-roseto-s/items/92102565/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_92102564">
      <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/im5xfo3tc3um3ml72s9vqy26my47.jpg"
  data-sub-html="<span>DSC_3999.jpg</span>"
  data-item-id="92102564"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102564"
>
  <button class="sr-only">View DSC_3999.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/im5xfo3tc3um3ml72s9vqy26my47.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/im5xfo3tc3um3ml72s9vqy26my47.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/im5xfo3tc3um3ml72s9vqy26my47.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/im5xfo3tc3um3ml72s9vqy26my47.jpg 2500w" style="aspect-ratio: 1.4997722095671981;" 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=92102564&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_3999.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="ZZjBCK3wlEW6R4NJC_hO9MwmQIaYwSSF0rm3_cy-b-t2XH2Jg8nMB8j02-E7ZgoJvwPipVN3IB_T8HqPEADNtQ" 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="/cloverandcoastphotography/the-roseto-s/items/92102564/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_92102560">
      <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/t8xjvg47sjwtlem7hiy6v321rye0.jpg"
  data-sub-html="<span>DSC_4005.jpg</span>"
  data-item-id="92102560"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102560"
>
  <button class="sr-only">View DSC_4005.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/t8xjvg47sjwtlem7hiy6v321rye0.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/t8xjvg47sjwtlem7hiy6v321rye0.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/t8xjvg47sjwtlem7hiy6v321rye0.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/t8xjvg47sjwtlem7hiy6v321rye0.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=92102560&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4005.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="YlvML4GDEnSprkfCTE8YPLt12STrdER1DPwoLqh5LcRxn3Cur7pKNtsdH2p80VzByFB7ByDCQO8NteVcdMePmg" 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="/cloverandcoastphotography/the-roseto-s/items/92102560/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_92102558">
      <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/ngv04dk1lblz0u4fa43b1u95xl6d.jpg"
  data-sub-html="<span>DSC_4007.jpg</span>"
  data-item-id="92102558"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102558"
>
  <button class="sr-only">View DSC_4007.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ngv04dk1lblz0u4fa43b1u95xl6d.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/ngv04dk1lblz0u4fa43b1u95xl6d.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/ngv04dk1lblz0u4fa43b1u95xl6d.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/ngv04dk1lblz0u4fa43b1u95xl6d.jpg 2500w" style="aspect-ratio: 0.6667673716012085;" 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=92102558&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4007.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="uYtnjq3BufJEty1a1VETS9l9nMItZ0cKPW4XytTfIOOqT9sPg_jhsDYEdfLlz1e2qlg-4ebRQ5A8J9q4CGGCvQ" 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="/cloverandcoastphotography/the-roseto-s/items/92102558/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_92102556">
      <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/jxjpjt997nr9ewbp2ituowub4izo.jpg"
  data-sub-html="<span>DSC_4029.jpg</span>"
  data-item-id="92102556"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102556"
>
  <button class="sr-only">View DSC_4029.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jxjpjt997nr9ewbp2ituowub4izo.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/jxjpjt997nr9ewbp2ituowub4izo.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/jxjpjt997nr9ewbp2ituowub4izo.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/jxjpjt997nr9ewbp2ituowub4izo.jpg 2500w" style="aspect-ratio: 1.5002570694087403;" 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=92102556&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4029.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="GfR9SeRbmHVmuHTNsSH7dqZuOFIUw9I45urJf8-ylO0KMMHIymLANxQLLGWBv7-L1Uuacd911qLnowQNEww2sw" 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="/cloverandcoastphotography/the-roseto-s/items/92102556/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_92102516">
      <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/tvt3p2ieszwiq81pnpvfyq7qff5v.jpg"
  data-sub-html="<span>DSC_4121.jpg</span>"
  data-item-id="92102516"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102516"
>
  <button class="sr-only">View DSC_4121.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/tvt3p2ieszwiq81pnpvfyq7qff5v.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/tvt3p2ieszwiq81pnpvfyq7qff5v.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/tvt3p2ieszwiq81pnpvfyq7qff5v.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/tvt3p2ieszwiq81pnpvfyq7qff5v.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=92102516&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4121.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="rBunP6RQlz9ognSdu3UZMrJMI2o71w7ZPC1bsCwf9eO_3xu-imnPfRoxLDWL613PwWmBSfBhCkM9ZJbC8KFXvQ" 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="/cloverandcoastphotography/the-roseto-s/items/92102516/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_92102515">
      <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/xql0yxbg6nmtt9tfqrnpq4ngj650.jpg"
  data-sub-html="<span>DSC_4117.jpg</span>"
  data-item-id="92102515"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102515"
>
  <button class="sr-only">View DSC_4117.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/xql0yxbg6nmtt9tfqrnpq4ngj650.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/xql0yxbg6nmtt9tfqrnpq4ngj650.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/xql0yxbg6nmtt9tfqrnpq4ngj650.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/xql0yxbg6nmtt9tfqrnpq4ngj650.jpg 2500w" style="aspect-ratio: 0.6666666666666666;" sizes="100vw"></img>

  <div class="media-rollover absolute left-0 top-0 hidden h-full w-full text-white transition-opacity hover:opacity-100 md:block md:opacity-0">
    <div class="flex w-full items-center justify-between p-3">
      <div>
        <div class="gallery-action absolute top-0 left-0 p-3" onclick="event.stopPropagation()" data-controller="favourites" >
  <form class="button_to" method="post" action="/favourite_media_collection_items?media_collection_item_id=92102515&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4117.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="6uYgEQl216dIHy1SuDf-10MRFqiwqvzmLWZIc-XbN2P5IpyQJ0-P5TqsdfqIqboqMDS0i3sc-HwsL4UBOWWVPQ" 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="/cloverandcoastphotography/the-roseto-s/items/92102515/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_92102513">
      <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/a3ughn4xdr40mznm3txufcmcpoju.jpg"
  data-sub-html="<span>DSC_4111-Edit.jpg</span>"
  data-item-id="92102513"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102513"
>
  <button class="sr-only">View DSC_4111-Edit.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/a3ughn4xdr40mznm3txufcmcpoju.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/a3ughn4xdr40mznm3txufcmcpoju.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/a3ughn4xdr40mznm3txufcmcpoju.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/a3ughn4xdr40mznm3txufcmcpoju.jpg 2500w" style="aspect-ratio: 0.6667227173364721;" 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=92102513&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4111-Edit.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="0fC0aAHStiQBU9mDDjqCv-BYsiJFj3IsgzdMvjJGV3HCNAjpL-vuZnPggSs-pMZCk30QAY45draCfoHM7vj1Lw" 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="/cloverandcoastphotography/the-roseto-s/items/92102513/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_92102512">
      <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/zlwqiqhbfx18eqlhiu5p99yhkh2l.jpg"
  data-sub-html="<span>DSC_4099.jpg</span>"
  data-item-id="92102512"
  data-item-turbo-frame-url="/cloverandcoastphotography/the-roseto-s/items/92102512"
>
  <button class="sr-only">View DSC_4099.jpg</button>
  <img class="bg-uns-grey-500 w-full" loading="lazy" src="https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/zlwqiqhbfx18eqlhiu5p99yhkh2l.jpg" srcset="https://unscriptedphotographers.com/_cf_images/variant=limit_900,storage=cloudflare/zlwqiqhbfx18eqlhiu5p99yhkh2l.jpg 900w, https://unscriptedphotographers.com/_cf_images/variant=limit_1800,storage=cloudflare/zlwqiqhbfx18eqlhiu5p99yhkh2l.jpg 1800w, https://unscriptedphotographers.com/_cf_images/variant=limit_2500,storage=cloudflare/zlwqiqhbfx18eqlhiu5p99yhkh2l.jpg 2500w" style="aspect-ratio: 0.6667316692667706;" 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=92102512&amp;redirect_to=%2Fcloverandcoastphotography%2Fthe-roseto-s"><button class="flex items-center text-white" data-action="click-&gt;favourites#favLoader" data-dismiss-lightbox="true" type="submit">
    <span class="sr-only">Favourite DSC_4099.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="NfTJB0WAW0vhJqo0Eqm0ryZmd3TX8tAgZ2JAROkmS2AmMHWGa7kDCZOV8pwiN_BSVUPVVxxE1LpmK402NZjpPg" 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="/cloverandcoastphotography/the-roseto-s/items/92102512/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_1468516_next_page"><template>
    <turbo-frame id="section_1468516_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="/cloverandcoastphotography/the-roseto-s/media_collection_sections/1468516/items?page=3"
  ></a>
</div>

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