<turbo-stream action="append" target="user_67_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="/fr/explore/shares/373">
    <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDRMIiwiZXhwIjoiMjAyNi0wNC0wNlQxNTo1NDozMS42NzhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--44f598aff5577b7258d5679fee6e5a07261e053d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQWtBQmFRSkFBVG9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--48c364137fdda2d5f130f53a1491472a801f8bc1/SnapInsta.to_3019317119902187407.mp4?locale=fr" />
      </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="/fr/explore/shares/372">
    <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdFlMIiwiZXhwIjoiMjAyNi0wNC0wNlQxNTo1NDozMS42ODFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--55c05345e5cc0990e93ae375b6d98d4d39c597a0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/329924299_573249161490637_1414582395329253228_n.jpg?locale=fr" />
      </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="/fr/explore/shares/372">
    <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGNMIiwiZXhwIjoiMjAyNi0wNC0wNlQxNTo1NDozMS42ODJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--7c2c932e714363ef71a05e653ceb3e14459ed8ea/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/330594854_192362796750174_454049457021663224_n.jpg?locale=fr" />
      </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="/fr/explore/shares/372">
    <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGdMIiwiZXhwIjoiMjAyNi0wNC0wNlQxNTo1NDozMS42ODNaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--be0c16fa06f4df75d8aced6abd8c8d87d0f84c29/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/330656902_521810240082750_8293012501053669730_n.jpg?locale=fr" />
      </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="/fr/explore/shares/372">
    <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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGtMIiwiZXhwIjoiMjAyNi0wNC0wNlQxNTo1NDozMS42ODVaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--da0d82e5eb41d3ec5e55335cd8e2ed9fa292ce1d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/330686030_1889130234771411_2962813929296291774_n.jpg?locale=fr" />
      </div>
    </div>
</a></article>

    </div>
</template></turbo-stream><turbo-stream action="remove" target="user_67_gallery_placeholder"></turbo-stream>
  <turbo-stream action="append" target="user_67_gallery"><template>
    <turbo-frame class="" id="user_67_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_67_gallery_pagination"><template>
     <turbo-frame loading="lazy" id="user_67_gallery_pagination" src="/fr/users/karim-akrouf/gallery.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>