<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="/en/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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdDRMIiwiZXhwIjoiMjAyNi0wNC0wNVQyMjozMjo1My4xODZaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d2e22e4331a7296f90cb58cc0b2e0872d2c14536/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9VY21WemFYcGxYM1J2WDJ4cGJXbDBXd2RwQWtBQmFRSkFBVG9MWm05eWJXRjBPZ2wzWldKd09ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--48c364137fdda2d5f130f53a1491472a801f8bc1/SnapInsta.to_3019317119902187407.mp4?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/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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdFlMIiwiZXhwIjoiMjAyNi0wNC0wNVQyMjozMjo1My4xODhaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--d0b9c28e6a26227bae05a16946cc951e3b9a7df1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/329924299_573249161490637_1414582395329253228_n.jpg?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/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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGNMIiwiZXhwIjoiMjAyNi0wNC0wNVQyMjozMjo1My4xODlaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--74e736dc4b86bf1bd83d507b2067a25089746d9e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/330594854_192362796750174_454049457021663224_n.jpg?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/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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGdMIiwiZXhwIjoiMjAyNi0wNC0wNVQyMjozMjo1My4xOTFaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--f1e0250df6f4b4fb73a12f4c3bf614ecda103d59/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/330656902_521810240082750_8293012501053669730_n.jpg?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/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/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdGtMIiwiZXhwIjoiMjAyNi0wNC0wNVQyMjozMjo1My4xOTJaIiwicHVyIjoiYmxvYl9pZCJ9fQ==--b13c7e4455ece068edd04716d9fd9ecaaf3e5a94/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDRG9MWm05eWJXRjBPZ2wzWldKd09oUnlaWE5wZW1WZmRHOWZiR2x0YVhSYkIya0NRQUZwQWtBQk9ncHpZWFpsY25zSk9oTnpkV0p6WVcxd2JHVmZiVzlrWlVraUIyOXVCam9HUlZRNkNuTjBjbWx3VkRvT2FXNTBaWEpzWVdObFZEb01jWFZoYkdsMGVXbHAiLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--9a0ba62c60f9c7c3da67053e9e7e14a150523891/330686030_1889130234771411_2962813929296291774_n.jpg?locale=en" />
      </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="/en/users/karim-akrouf/gallery.turbo_stream?page=2" target="_top"></turbo-frame>

</template></turbo-stream>