<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<div class="container">
<div class="grid">
<div class="row">
<div class="col-md-4">
<figure class="effect-ravi">
<img src="https://picsum.photos/1000/800/?random" alt="img17" />
<figcaption>
<h2>Birthday <span>Party</span></h2>
<p>
<a href="#"><i class="fa fa-search"></i></a>
</p>
</figcaption>
</figure>
</div>
<div class="col-md-4">
<figure class="effect-ravi">
<img src="https://picsum.photos/1000/801/?random" alt="img25" />
<figcaption>
<h2>Wedding <span>Reception</span></h2>
<p>
<a href="#"><i class="fa fa-search"></i></a>
</p>
</figcaption>
</figure>
</div>
<div class="col-md-4">
<figure class="effect-ravi">
<img src="https://picsum.photos/1000/802/?random" alt="img25" />
<figcaption>
<h2>Wedding <span>Reception</span></h2>
