@foreach($recipes as $recipe)
        <div class="col-sm-6 col-md-4">
        <div class="card mb-3 recipe-card">
            <a href="{{ frontend_url('/energized-health/recipe/'.$recipe->id.'?tagIds='.$tagIds) }}">
                <img src="{{$imageUrl}}"  class="card-img-top fixed-height" style="aspect-ratio: 16/8;object-fit: cover;height: auto">
            </a>
            <div class="card-body">
                <div class="card-text">{!! $recipe->title !!}</div>
            </div>
        </div>
    </div>
@endforeach