ciao la galleria che voglio creare è questa
<div class="center">
<div class="wrapper">
<div class="inner">
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/1.png">
<div class="content">
<h1>Product Design</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/2.png">
<div class="content">
<h1>Custom Website</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/3.png">
<div class="content">
<h1>Digital Marketing</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/1.png">
<div class="content">
<h1>Digital Marketing</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/2.png">
<div class="content">
<h1>Digital Marketing</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/3.png">
<div class="content">
<h1>Digital Marketing</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/1.png">
<div class="content">
<h1>Digital Marketing</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/2.png">
<div class="content">
<h1>Digital Marketing</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
<div class="card">
<img src="https://colorlib.com/preview/theme/seogo/img/case_study/3.png">
<div class="content">
<h1>Digital Marketing</h1>
<h3>UI/UX, Design</h3>
</div>
</div>
</div>
</div>

<div class="map">
<button class="active first"></button>
<button class="second"></button>
<button class="third"></button>
</div>
</div>