Show in view only object with specified id - php

Question

i am woking on a project about a restaurant and i need to show on my staff view only the Chef and Su-Chef which has id (Chef-2, Su-Chef 4).
I need to show on my view all the Chefs and all the Su-Chefs.
The view is organised at the form that is the number is odd (i have the image on left and text on right), if the number is even i have (i have the image on right and text on left)
Here is my Controller
public function index()
{
$staff = Staff::where('visible','yes')->where('delete','no')->orderBy('name','DESC')->get();
return view('staff.staff', ['staff' => $staff]);
}
And this is my View
<section class="bg-deep-yellow">
<div class="container">
<div class="row">
<!-- section title -->
<div class="col-md-12 text-center">
<span class="title-small black-text text-uppercase letter-spacing-3 font-weight-600">I NOSTRI CHEF</span>
<div class="separator-line-thick bg-black no-margin-bottom margin-one xs-margin-top-five"></div>
</div>
<!-- end section title -->
</div>
<div class="row margin-ten no-margin-bottom">
<!-- chef -->
<div class="col-md-12 sm-margin-bottom-ten">
<div class="col-md-5 chef-img cover-background" style="background-image:url({{URL::asset('external_assets/assets/images/images_downloaded/chef.jpg') }});">
<div class="img-border"></div>
</div>
<div class="col-md-7 chef-text bg-white text-center">
<img src="{{URL::asset('external_assets/assets/images/images_downloaded/kapele.png') }}" alt=""/><br>
<span class="text-large black-text text-uppercase letter-spacing-3 font-weight-600 margin-ten display-block no-margin-bottom">Patrick Smith</span>
<span class="text-small text-uppercase letter-spacing-3">Chef, Co-Founder</span>
<p class="text-med margin-ten width-90 center-col" style="text-align: justify">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
</div>
<!-- end chef -->
<!-- chef -->
<div class="col-md-12">
<div class="col-md-7 chef-text bg-white text-center">
<img src="{{URL::asset('external_assets/assets/images/images_downloaded/bari.png') }}" alt=""/><br>
<span class="text-large black-text text-uppercase letter-spacing-3 font-weight-600 margin-ten display-block no-margin-bottom">Sancho Pansa</span>
<span class="text-small text-uppercase letter-spacing-3">Bartender</span>
<p class="text-med margin-ten width-90 center-col" style="text-align: justify" >Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-md-5 chef-img cover-background" style="background-image:url({{URL::asset('external_assets/assets/images/images_downloaded/chef2.jpg') }});">
<div class="img-border"></div>
</div>
</div>
<!-- end chef -->
</div>
</div>
</section>
This is an image of my view