Как искать Фильтр по карточкам в Laravel?

Question

Я пытаюсь найти фильтр по некоторым Bootstrap 4 картам. Проблема в том, что если он находит 2 результата, один сверху и один снизу, то после каждой карты между ними появляются все эти div с тегом display:none и <br>, и это вызывает дополнительный интервал между карты, результаты. Ниже приведен скриншот, показывающий проблему с пробелами.

Вот мой jquery код:

$(document).ready(function() {
            $("#search").on("keyup", function() {
                var value = $(this).val().toLowerCase();
                $(".search-cards").filter(function() {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });
        });

job_seeker_search_employers.blade с Bootstrap Карта:

@if($employerProfiles)

    @foreach($employerProfiles as $employerProfile)

        <div class="col-md-6 offset-md-3">
            <div class="card search-cards">
                <div class="card-body shadow">
                    <h1 class="card-title text-uppercase" style="color: #5dad07;"><strong>{{ $employerProfile['immediate_contact'] }}</strong></h1>

                    <h3><strong>Positions Available:</strong><br>
                        @if($jobPosts->where('user_id', $employerProfile->user_id)->count() > 0)
                            @foreach($jobPosts->where('user_id', $employerProfile->user_id) as $jobPost)
                                <h5><a href="{{route('admin.employer.post-a-job.show', ['employerId' => $employerProfile->id, 'jobPostId' => $jobPost->id])}}" type="button">{{ $jobPost['job_title'] }}</a></h5>
                            @endforeach
                        @else
                            <h5>No Positions Available</h5>
                        @endif
                    </h3>

                    <h3><strong>Contact Details:</strong></h3>
                    <p>
                        <strong>Company Name:</strong> {{ $employerProfile['company_name'] }}<br>
                        <strong>Contact Email:</strong> {{ Auth::user()->where('id', $employerProfile['user_id'])->first()->email }}<br>
                        <strong>Phone:</strong> {{ $employerProfile['company_phone'] }}
                    </p>
                    <strong>Address:</strong>
                    <address>{{ $employerProfile['company_address'] }}</address>
                    <a href="{{ route('admin.job.seeker.search.index') }}" type="button" class="btn btn-danger btn-block">Back</a>

                </div>
            </div>
        </div>
        <br>

    @endforeach

@endif