<turbo-stream action="append" target="audio_clips_list"><template>
    <div class="card qa-audio-clip-overview bn p-0" data-author-id="5714099" id="audio_clip_8896725">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8896725-no-matter-how-hard-it-gets"><img srcset="https://audioboom.com/i/43620027/75x75/c 75w, https://audioboom.com/i/43620027/150x150/c 150w, https://audioboom.com/i/43620027/300x300/c 300w, https://audioboom.com/i/43620027/600x600/c 600w, https://audioboom.com/i/43620027/1400x1400/c 1400w" sizes="300px" style="background-color: #0d2640" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43620027/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8896725-no-matter-how-hard-it-gets"><div class="text-line-clamp text-line-clamp-3" dir="auto">
NO MATTER HOW HARD IT GETS
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5714099" id="audio_clip_8897264">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8897264-be-limitless"><img srcset="https://audioboom.com/i/43622051/75x75/c 75w, https://audioboom.com/i/43622051/150x150/c 150w, https://audioboom.com/i/43622051/300x300/c 300w, https://audioboom.com/i/43622051/600x600/c 600w, https://audioboom.com/i/43622051/1400x1400/c 1400w" sizes="300px" style="background-color: #dadada" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43622051/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8897264-be-limitless"><div class="text-line-clamp text-line-clamp-3" dir="auto">
Be Limitless 
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5714099" id="audio_clip_8897757">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8897757-see-it-in-your-mind-hold-it-in-your-hand"><img srcset="https://audioboom.com/i/43623857/75x75/c 75w, https://audioboom.com/i/43623857/150x150/c 150w, https://audioboom.com/i/43623857/300x300/c 300w, https://audioboom.com/i/43623857/600x600/c 600w, https://audioboom.com/i/43623857/1400x1400/c 1400w" sizes="300px" style="background-color: #262626" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43623857/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8897757-see-it-in-your-mind-hold-it-in-your-hand"><div class="text-line-clamp text-line-clamp-3" dir="auto">
See it in your mind, Hold it in your hand
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>
<div class="card qa-audio-clip-overview bn p-0" data-author-id="5714099" id="audio_clip_8898257">
<div class="card-img-top shadow-sm w-100 of-hid" style="aspect-ratio: 1; --bs-card-inner-border-radius: 0;">
<a href="https://audioboom.com/posts/8898257-how-to-get-whatever-you-want"><img srcset="https://audioboom.com/i/43625703/75x75/c 75w, https://audioboom.com/i/43625703/150x150/c 150w, https://audioboom.com/i/43625703/300x300/c 300w, https://audioboom.com/i/43625703/600x600/c 600w, https://audioboom.com/i/43625703/1400x1400/c 1400w" sizes="300px" style="background-color: #c0c0c0" class="js-img-bg ratio-square wh-100" src="https://audioboom.com/i/43625703/1400x1400/c" width="300" height="300" />
</a></div>
<div class="card-body px-0 pb-0">
<div class="l-flex-stack__container l-flex-space-between h-100">
<h6 class="card-title">
<a class="color-fade-link" href="https://audioboom.com/posts/8898257-how-to-get-whatever-you-want"><div class="text-line-clamp text-line-clamp-3" dir="auto">
HOW TO GET WHATEVER YOU WANT
</div>
</a></h6>
<div class="card-text f7 op-80" data-description="clip-author">
</div>
</div>
</div>
</div>


</template></turbo-stream>
  <turbo-stream action="remove" target="audio_clips_pagination"></turbo-stream>
