<turbo-stream action="append" target="user_445_gallery"><template>
    <div class="col">
      <article class="hover-effect-scale hover-effect-opacity rounded-4 shadow-sm position-relative overflow-hidden">
    <div class="position-absolute top-0 end-0 z-2 hover-effect-target opacity-0 pt-1 pt-sm-0 pe-1 pe-sm-0 mt-2 mt-sm-3 me-2 me-sm-3">
      <span class="badge text-primary bg-primary-subtle">
        <i class="fi-video"></i>
      </span>
    </div>
  <span class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
  <a class="stretched-link" data-turbo="false" href="/en/explore/shares/833">
    <div class="rounded-4  bg-body-tertiary  overflow-hidden">
      <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(280 / 254 * 100%)">
        <img loading="lazy" class="object-fit-cover rounded-0 rounded-md w-100 h-100" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbDA5IiwiZXhwIjoiMjAyNi0wNi0wM1QwNToyODoxNC44MTVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d900f231c1ca08865bd8cffb144e707a2158278d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQWtBQmFRSkFBVG9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--48c364137fdda2d5f130f53a1491472a801f8bc1/copy_33015A94-AD89-48A4-A56F-9F289FED0741.mov?locale=en" />
      </div>
    </div>
</a></article>

    </div>
    <div class="col">
      <article class="hover-effect-scale hover-effect-opacity rounded-4 shadow-sm position-relative overflow-hidden">
  <span class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
  <a class="stretched-link" data-turbo="false" href="/en/explore/shares/832">
    <div class="rounded-4  bg-body-tertiary  overflow-hidden">
      <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(280 / 254 * 100%)">
        <img loading="lazy" class="object-fit-cover rounded-0 rounded-md w-100 h-100" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbHM5IiwiZXhwIjoiMjAyNi0wNi0wM1QwNToyODoxNC44MTdaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--368a45c0cc1dceb9dba34c9be2ff1c0169834e63/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/IMG_7581.jpeg?locale=en" />
      </div>
    </div>
</a></article>

    </div>
    <div class="col">
      <article class="hover-effect-scale hover-effect-opacity rounded-4 shadow-sm position-relative overflow-hidden">
  <span class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
  <a class="stretched-link" data-turbo="false" href="/en/explore/shares/831">
    <div class="rounded-4  bg-body-tertiary  overflow-hidden">
      <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(280 / 254 * 100%)">
        <img loading="lazy" class="object-fit-cover rounded-0 rounded-md w-100 h-100" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbGs5IiwiZXhwIjoiMjAyNi0wNi0wM1QwNToyODoxNC44MTlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--9fd6d9ed2337d8e2062f9bc4c26eb1a872f1d638/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/IMG_3180.jpeg?locale=en" />
      </div>
    </div>
</a></article>

    </div>
    <div class="col">
      <article class="hover-effect-scale hover-effect-opacity rounded-4 shadow-sm position-relative overflow-hidden">
  <span class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
  <a class="stretched-link" data-turbo="false" href="/en/explore/shares/830">
    <div class="rounded-4  bg-body-tertiary  overflow-hidden">
      <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(280 / 254 * 100%)">
        <img loading="lazy" class="object-fit-cover rounded-0 rounded-md w-100 h-100" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBa1U5IiwiZXhwIjoiMjAyNi0wNi0wM1QwNToyODoxNC44MjVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--546c9ff3341d28a700e2040194df76683bc628bf/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/IMG_4534.jpeg?locale=en" />
      </div>
    </div>
</a></article>

    </div>
    <div class="col">
      <article class="hover-effect-scale hover-effect-opacity rounded-4 shadow-sm position-relative overflow-hidden">
  <span class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
  <a class="stretched-link" data-turbo="false" href="/en/explore/shares/830">
    <div class="rounded-4  bg-body-tertiary  overflow-hidden">
      <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(280 / 254 * 100%)">
        <img loading="lazy" class="object-fit-cover rounded-0 rounded-md w-100 h-100" src="https://sacoddo.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajA5IiwiZXhwIjoiMjAyNi0wNi0wM1QwNToyODoxNC44MjZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--de2be620387cc7435fb4536050d9782177e6dfdb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/IMG_4538.jpeg?locale=en" />
      </div>
    </div>
</a></article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="user_445_gallery_placeholder"></turbo-stream>
  <turbo-stream action="append" target="user_445_gallery"><template>
    <turbo-frame class="" id="user_445_gallery_placeholder">
      <article class=" hover-effect-scale hover-effect-opacity rounded-4 shadow-sm position-relative overflow-hidden">
        <span class="hover-effect-target position-absolute top-0 start-0 w-100 h-100 bg-black bg-opacity-25 opacity-0 z-1"></span>
        <div class="rounded-4  bg-body-tertiary  overflow-hidden">
          <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(280 / 254 * 100%)"></div>
        </div>
      </article>
</turbo-frame></template></turbo-stream>  <turbo-stream action="replace" target="user_445_gallery_pagination"><template>
     <turbo-frame loading="lazy" id="user_445_gallery_pagination" src="/en/users/ihcene-menous/gallery.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>