@forelse ($media as $mediaItem)
<div class="col-3 mb-3 border border-2 shadow-lg border-secondary rounded-4 p-2 position-relative">
    <button class="btn btn-danger btn-sm position-absolute top-0 rounded-4" onclick="removeMediaFromPackage(this,{{ $mediaItem->id }})" style="left: 0;" >
        <i class="ri-delete-bin-line"></i>
    </button>
    <img src="{{ $mediaItem->preview_url }}" width="100%" class="rounded-4" alt="">
</div>
@empty
<img src="{{ asset('default-images/empty-media.png') }}" style="width: 300px;" class="text-center" alt="">
@endforelse