<section>
  <div class="container">
    <div class="row gutter-0 gallery">
      <div class="col-lg-3">
        <a href="" class="card equal equal-2-1 equal-lg-1-1 text-white bg-primary hover-arrow">
          <div class="card-header">
            <i class="icon-instagram fs-32"></i>
          </div>
          <div class="card-footer">
            <h5 class="eyebrow">@webuildthemes</h5>
          </div>
        </a>
      </div>
      <div class="col-6 col-md-3">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-1.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-1.jpg')">
          </a>
        </figure>
      </div>
      <div class="col-6 col-md-3">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-2.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-2.jpg')">
          </a>
        </figure>
      </div>
      <div class="col-4 col-md-3">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-3.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-3.jpg')">
          </a>
        </figure>
      </div>
      <div class="col-4 col-md-3">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-4.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-4.jpg')">
          </a>
        </figure>
      </div>
      <div class="col-4 col-md-3">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-5.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-5.jpg')">
          </a>
        </figure>
      </div>
      <div class="col-4 col-md-3">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-6.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-6.jpg')">
          </a>
        </figure>
      </div>
      <div class="col-4 col-md-3">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-7.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-7.jpg')">
          </a>
        </figure>
      </div>
      <div class="col-4 col-md-3 d-lg-none">
        <figure class="figure equal hover-opacity">
          <a href="assets/images/insta-8.jpg" class="image" title="Image caption" style="background-image: url('assets/images/insta-8.jpg')">
          </a>
        </figure>
      </div>
    </div>
  </div>
</section>